@charset "utf-8";
/* CSS Document */

/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{ margin: 0; padding: 0; }
ul{ margin: 0; padding: 0; list-style: none;}
img{ border: 0; }

/* =Body-----------------------------------------------------------------------------*/


body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #333; margin: 0; padding: 0; background-color: #145692; }


/* =Headings-----------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h1{ font-size: 130%; color: #150C00; margin: 0; padding: 0 0 1px 0; background: transparent url(../../img/image.gif) no-repeat top; letter-spacing: -1px; }
#content #colR h1{ margin: 10px 0;}
#indexThemWrap h1{ margin: 0; padding: 20px 0 0 40px; width: 807px; background: transparent url(../../img/img_separator.gif) repeat-x left top;}
h2{ font-size: 95%; color: #4E9124; margin: 0; padding: 10px 0 5px 0; letter-spacing: -1px; }
h3{ font-size: 105%; color: #4E9124; margin: 0; padding: 10px 0 5px 0; letter-spacing: -1px; }
h4{ font-size: 155%;  color: #4E9124; margin: 0; padding: 10px 0 5px 0; letter-spacing: -1px; font-weight: normal;}
h5{ font-size: 85%;  color: #666666; }
h6{ font-size: 75%;  color: #777777; }


/* =Links-----------------------------------------------------------------------------*/


a{ color: #2281D6; text-decoration: underline; }
a:hover{ color: #2281D6; text-decoration: none; }

#footer a{ color: #fff; text-decoration: none; }
#footer a:hover{ color: #fff; text-decoration: underline; }


/* =Class-----------------------------------------------------------------------------*/

.index{}
.clear{clear:both; }
.left{ float: left;}
.right{ float:right;}


/* =Main Nav Vertical-----------------------------------------------------------------------------*/


#nav{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; padding: 0; float: left; }
ul#nav { margin: 40px 20px 0 12px; padding:0; width: 191px; list-style: none;}
#nav li { margin: 0; padding: 0; text-align: left; border-bottom: 1px dotted #4F91CD;}
#nav li a{ color: #444; margin: 0; padding: 6px 10px 6px 19px; display: block; text-decoration: none; }
#nav li a:hover{ text-decoration: none; background-color: #F3F6F8;}
#nav li a.active { text-decoration: none; background-color: #red;}

#sitePath{ color:#555; font-size: 8pt; margin-top: 5px;}
#sitePath a{ color:#AD650B; }
#sitePath a:hover{ text-decoration:none; }

/* =Nav Sec Horizontal-----------------------------------------------------------------------------*/


#navSec{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; width: 418px; margin: 0; padding: 0; position: absolute; top: 5px; right: 10px; text-align:right; list-style: none; }
#navSec li{ float: left; margin: 0 2px; display: inline; }
#navSec li a{ color: #444; padding: 0 4px 0 0; text-decoration: none;}
#navSec li a:hover{ margin: 0; padding: 0 4px 0 0; text-decoration: underline;}
div#menu {
  background-image: url(../../img/bgmenu.gif);
  background-repeat: no-repeat;
 margin: 40px 20px 0 22px; padding:0; width: 182px; list-style: none;
}


/* =Wraps-----------------------------------------------------------------------------*/


#wrap{ margin: 0; position:relative; background: #EEE6DB url(../../img/bg01.gif) no-repeat top center;}

#internWrap{ margin: 0; width: 100%; position:relative; float: left; background: #EEE6DB url('../../img/bg01.gif') no-repeat top center;}

#contentWrap{ margin: 0 auto; width: 846px; border-left: 1px solid #D8D8D6; border-right: 1px solid #D8D8D6; position:relative; background-color: #fff;}

#footerWrap{ margin: 0; clear:both; background: #145692 url(../../img/bg_footer_wrap.gif) repeat-x left top; }


/* =Top-----------------------------------------------------------------------------*/


#top{ margin: 0 auto; padding: 0 20px; width: 800px; height: 102px; position:relative; }
#top a img{ margin-top: 20px; margin-left: 5px;}
#top select{ font-size: 9pt; color:#444; margin: 0; padding: 0; width: 166px; height:20px; position: absolute; top: 59px; right: 260px; border: 1px solid #AEAEAE; background-color: #fff;}
#top #search{ margin: 0; padding: 0; width: 200px; position: absolute; top: 38px; right: 20px;}
#top #search .textbox {font-size: 9pt; color:#444; margin: 0; padding: 0 6px 0 0; width: 166px; height:20px; float: left; border: 1px solid #AEAEAE; background-color: #fff;}
#top #search .submit { padding: 0; margin: 0; width: 21px; height: 21px; float: right; border: none; background: transparent url(../../img/bt_search.gif) no-repeat center left; cursor: pointer; }

/* =Header-----------------------------------------------------------------------------*/


#wrap #header{ margin: 0 auto; width: 840px; height: 206px; padding: 7px; position: relative; background: transparent url('../../img/bg-header-index.gif') no-repeat top left;}
#internWrap #header{ margin: 0 auto; width: 840px; height: 206px; padding: 7px; position: relative; background: transparent url('../../img/bg-header-intern.gif') no-repeat top left;}
#header .caisse{ position: absolute; top: 75px; right: 20px;}
#setDate{
	background-color: transparent;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #333;
}
/* =Content-----------------------------------------------------------------------------*/


#wrap #content{ margin: 0; padding: 25px 25px 0 25px; width:330px; float:left; background: transparent url('../../img/bg-content.gif') repeat-x top left;}

#wrap #content p{ font-size: 85%; margin: 0; padding: 0; text-align:left; line-height: 18px;}

#wrap #content ul{ color:; margin: 0; padding: 0; text-align:; line-height:; list-style:;}
#wrap #content ul li{ padding: 0; list-style-image: url(../../img/img_puce.gif);}
#wrap #content span{ font-size: 75%; color: #666;}

#concours{ position: absolute; top: -2px; right: 20px;}

#colR{ margin: 0 10px 0 20px; padding: 40px 0 0 0; width: 200px; float: left;}
#colR p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; line-height: 14px;}
#colR img{ margin: 0 3px 6px 1px;}
#colR #images a img{ padding: 2px; border: 1px solid #DEDEDE; background-color: #fff;}
#colR hr{ padding: 10px 0; height: 1px; clear: both; border: none; background-color: none; }

#indexThemWrap{margin: 0 auto; padding: 20px 0; width: 846px; border-left: 1px solid #D8D8D6; border-right: 1px solid #D8D8D6; position:relative; background-color: #fff; clear: both;}
#indexThem{ margin: 0; padding: 0; width: 851px; height: 200px; background: transparent url(../../img/bg_index_thematique.gif) no-repeat center bottom;}
#indexThem .colThem{ margin: 20px 0 0 40px; padding: 0; width: 230px; float: left; }
#indexThem .colThem p{ font-size: 80%; color: #7D7C6A; line-height: 14px; padding: 4px 0 2px 0;}


/* =Intern Content-----------------------------------------------------------------------------*/

#internWrap #content{ margin: 0; padding: 40px 25px 50px 25px; width:573px; float:left; background: transparent url('../../img/bg-content.gif') repeat-x top left;}

#internWrap #content p{ font-size: 100%; margin: 0; padding: 0; text-align:left; line-height: 18px;}

#internWrap #content ul{ font-size: 100%; margin: 0 0 0 10px; padding: 10px; line-height:16px; list-style: disc;}
#internWrap #content ul li{ padding: 0; list-style-image: url(../../img/img_puce.gif);}
#internWrap #content span{ font-size: 75%; color: #666;}

table#terr{ clear: both; border:1px solid #DEDED4; background-color: #fff; padding: 5px; margin-top: 10px; font-size: 85%;}
table#terr td{ padding-left: 20px;}
table#terr strong { color: #444;}

/* =Footer-----------------------------------------------------------------------------*/

#footer{ margin: 0 auto; padding: 60px 0 40px 0; width:840px; position: relative; background: #145692 url(../../img/bg_footer.gif) no-repeat top center;}
#footer p{ font-size: 85%; color: #99C7F1; padding: 0 0 0 20px;}

#backTop{ position:absolute; top: 21px; right: 260px;}
#logoFooter{ position:absolute; top: 47px; right: 20px;}

/* =Forms-----------------------------------------------------------------------------*/


form { font-family:; font-size:; color:; margin: 0; padding: 0; width:; height:; background: transparent url(../../img/image.gif) no-repeat top;}
textarea{ color:; margin: 0; padding: 0; width:; height:; border: none; background-color:;}
fieldset { color:; margin: 0; padding: 0; width:; height:; border: none; background-color:;}
legend { font-family:; font-size:; font-weight:; color:; margin: 0; padding: 0; width:; height:; border: none; background-color:;}
label {margin: 0; padding: 0; width:; height:;}
.textbox {font-size:; color:; margin: 0; padding: 0; width:; height:; text-align:; text-decoration:; border: none; background-color:;}
.browse { font-size:; color:; margin: 0; padding: 0; width:; height:; border: none; background-color:;}
.cselect {font-size:; color:; margin: 0; padding: 0; width:; height:; border: none; background-color:; } 
.submit { font-family:; font-size:; font-weight:; color:; margin: 0; padding: 0; width:; height:; border: none; background-color:; cursor: pointer; }

/* =Misc 1-----------------------------------------------------------------------------*/


/* =Misc 2-----------------------------------------------------------------------------*/