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

html{height: 100%}
p{margin: 0;padding: 0 0 10px 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0; margin:0; height:100%; background:#362e18 url(../../img/bgBody.gif) 0px -1px repeat-x; }

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

h1, h2, h3, h4, h5, h6{ font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0; color:#333; }
h1{ font-size:180%; }
h2{ font-size:170%; }
h3{ font-size:160%; }
h4{ font-size:150%; }
h5{ font-size:140%; }
h6{ font-size:130%; }

h5#errorBox{ border:1px solid #FA0303; padding:4px; color:#FA0303; text-transform:none; background:#FEE6B8 url(../../img/exclamation.gif) left center no-repeat; padding-left:35px; font-weight:normal; font-size:12px; }

hr{ border:none; border-bottom:1px #333333 dashed; padding-top:5px; margin-bottom:5px; clear:both }

.fix{ height:645px;}
*+html .fix{ height:671px;}
*html .fix{ height:671px;}

.fix2{ height:505px;}
*+html .fix2{ height:531px;}
*html .fix2{ height:531px;}

.fix3{ height:495px;}
*+html .fix3{ height:521px;}
*html .fix3{ height:536px;}



/* =Link-----------------------------------------------------------------------------*/

a{ color:#333; }
a:hover{ color:#333; text-decoration:none; }
a:active{ color:#333; }
a:visited{ color:#333; }

/* =Frame------------------------------------------------------------------------------*/
#wrap{  width:908px; height:100%; margin:auto;}

#top{ height:147px;  }
#top #topLeft{ display:block; float:left; height:147px; width:212px; background:transparent url(../../img/topLeft.jpg) top left no-repeat;  }
#top #topRight{ float:right; height:94px; width:651px; background:transparent url(../../img/topRight.jpg) top left no-repeat; text-align:right; padding:53px 45px 0 0; }
#top #topRight h2{ font-size:18px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
#top #topRight h2 strong{ font-size:16px; }
#top #topRight #helNav{ padding-top:36px; }
#top #topRight #helNav a{ text-decoration:none; }

#header{ height:286px;}
#header #headerTop{ height:240px; background:transparent url(../../img/headerTop.jpg) top left no-repeat; }
#header #headerTop #headerTopLeft{ width:590px; height:156px; float:left; text-align:right; padding-top:84px; }
#header #headerTop #headerTopLeft h2{ font-weight:normal; font-size:16px; text-transform:uppercase; padding-bottom:10px; }
#header #headerTop #headerTopLeft a{ color:#333; text-decoration:underline; font-weight:bold; font-size:12px; }
#header #headerTop #headerTopLeft a:hover{ text-decoration:none; }
#header #headerTop #headerTopRight{ width:303px; height:186px; float:right; text-align:center; padding-top:54px; }
#header #headerTop #headerTopRight h4{ font-size:14px; font-weight:normal; padding-bottom:20px; }
#header #headerTop #headerTopRight h3{ font-size:25px; padding-bottom:20px; }
#header #headerTop #headerTopRight a#linkTakeMeet{ display:block; padding-top:20px; font-size:14px; text-decoration:underline; }
#header #headerTop #headerTopRight a#linkTakeMeet:hover{ text-decoration:none; }
#header #mainNav{ clear:both; height:46px; background:transparent url(../../img/bgMenu.gif) top left no-repeat; padding-left:10px; }
#header #mainNav a{ line-height:46px; text-decoration:none; padding:0 15px; font-weight:bold; color:#fff; font-size:14px; }
#header #mainNav a:hover{ color:#333; background:transparent url(../../img/arrowMenu.gif) center left no-repeat; }

#underHeader{ height:22px; background:transparent url(../../img/underHeader.gif) top left no-repeat; }

#middle{ }
#middle #middleLeft{ width:232px; float:left; background:transparent url(../../img/LeftColBg.gif) top left repeat-y; }
#middle #middleLeft #middleLeftPadding{ padding-right:18px; }
#middle #middleLeft #middleLeftPadding #boxMailling{ padding:10px; }
#middle #middleLeft #middleLeftPadding #boxMailling img{ float:left; padding-right:8px; }
#middle #middleLeft #middleLeftPadding #boxMailling input.txt{ margin-top:10px; width:172px; border:1px #ccc solid; height:18px; font-size:11px; color:#666; padding:0 10px; padding-top:2px; }
#middle #middleLeft #middleLeftPadding #boxMailling input.btn{ margin-top:10px; width:76px; height:21px; float:right; }
#middle #middleLeft #middleLeftPadding #boxMailling a{ font-size:10px; }
#middle #middleLeft #middleLeftPadding #boxEve{ height:214px; overflow:hidden;}
#middle #middleLeft #middleLeftPadding #boxEve div.item{ background:#f5f5f5; padding:10px; margin:10px 0; height:65px; overflow:hidden; }
#middle #middleLeft #middleLeftPadding #boxEve div.item a{ font-weight:bold; font-size:12px; }
#middle #middleLeft #middleLeftPadding #boxEve div.item a{ font-weight:bold; font-size:12px; }
#middle #middleLeft #middleLeftPadding #boxEve div.item p{ padding-top:10px; }
#middle #middleLeft #middleLeftPadding #boxEve div.item p a.linkMore{ color:#c96510; font-weight:bold; text-decoration:underline; }
#middle #middleLeft #middleLeftPadding #boxMedia a#linkMedia{ margin-top:10px;display:block; padding:84px 15px 10px 15px; background:transparent url(../../img/btnMedia.gif) top left no-repeat; font-weight:bold; text-align:center;color:#d79257; font-size:12px; font-weight:bold; text-decoration:none;}
#middle #middleLeft #middleLeftPadding #boxMedia a#linkMedia:hover{ text-decoration:underline; }
#middle #middleLeft h3{ height:34px; background:#9b978c; font-size:14px; color:#fff; padding-left:15px; line-height:34px;   }
#middle #middleLeft h3.header{ height:35px; background:transparent url(../../img/leftColTop.gif) top left no-repeat; }
#middle #middleLeft #middleLeftBottom{ height:12px; background:transparent url(../../img/leftColBottom.gif) top left no-repeat; overflow:hidden;}
#middle #middleLeft #middleLeftShadow{ height:14px; background:transparent url(../../img/underMiddle.gif) top left no-repeat;overflow:hidden; }
#middle #middleRight{ width:676px; overflow:hidden; float:right; background:transparent url(../../img/rightColBg.gif) top left repeat-y; }
#middle #middleRight #middleRightTop{ height:12px; background:transparent url(../../img/rightColTop.gif) top left no-repeat; }
#middle #middleRight #homeBox{  }

#middle #middleRight #homeBox a.item{ height:137px; width:142px; background:#fff url(../../img/bgHomeBox.gif) top left no-repeat; float:left; margin:3px; padding:3px 8px 3px 5px; text-decoration:none; }
#middle #middleRight #homeBox a.item:hover{ height:137px; width:142px; background:#fff url(../../img/bgHomeBox_on.gif) top left no-repeat; float:left; margin:3px; padding:3px 8px 3px 5px; }
#middle #middleRight #homeBox a.item h2{ font-size:12px; color:#c96510; text-align:center; padding-bottom:5px; }
#middle #middleRight #homeBox a.item img{ padding-bottom:5px; }

#middle #middleRight #homeBox div.item{ height:137px; width:142px; background:#fff url(../../img/bgHomeBox.gif) top left no-repeat; float:left; margin:3px; padding:3px 8px 3px 5px; }
#middle #middleRight #homeBox div.item h2{ font-size:12px; color:#c96510; text-align:center; padding-bottom:5px; }
#middle #middleRight #homeBox div.item img{ padding-bottom:5px; }

#middle #middleRight #homeBox div.item2{ height:136px; width:175px; background:#fff url(../../img/bgHomeBox2.gif) top left no-repeat; float:left; margin:3px; padding:3px 8px 3px 5px; }
#middle #middleRight #homeBox div.item2 h2{ font-size:12px; color:#c96510; text-align:center; padding-bottom:5px; }
#middle #middleRight #homeBox div.item2 img{ padding-bottom:5px; }
#middle #middleRight #homeBox div.item2 a{ display:block; padding-left:15px; background:transparent url(../../img/arrowHome.gif) center left no-repeat; font-size:10px; margin:2px 0px; }

#middle #middleRight #homeBox div.item3{ width:418px; float:left; margin:3px; padding:0px 10px 3px 5px; text-align:justify; }
#middle #middleRight #homeBox div.item3 h2{ font-size:12px; color:#c96510; padding-bottom:5px; }
#middle #middleRight #homeBox div.item3 h1{ font-size:16px; padding-bottom:5px; }
#middle #middleRight #homeBox div.item3 img{ padding-bottom:5px; }
#middle #middleRight #homeBox div.item3 a{ display:block; padding-left:15px; background:transparent url(../../img/arrowHome.gif) center left no-repeat; font-size:10px; margin:2px 0px; text-transform:uppercase; text-decoration:underline; }
#middle #middleRight #homeBox div.item3 a:hover{ display:block; padding-left:15px; background:transparent url(../../img/arrowHome.gif) center left no-repeat; font-size:10px; margin:2px 0px; text-transform:uppercase; text-decoration: none; }

#middle #middleRight #homeBox div.item4{width:174px; background:#fff url(../../img/bgHomeBox2.gif) top right no-repeat; float:left; margin:3px; text-align:left; padding-left:10px; margin-top:7px; }
#middle #middleRight #homeBox div.item4 #img{ height:89px; width:135px; margin:10px 0 20px 16px;}
#middle #middleRight #homeBox div.item4 #sousmenu{width:154px; margin:20px 7px 0 7px; padding:3px; background-color:#DBD8CF; clear:both;}
#middle #middleRight #homeBox div.item4 h2{ font-size:12px; color:#c96510; padding-bottom:5px; }
#middle #middleRight #homeBox div.item4 h1{ font-size:16px; padding-bottom:5px; }
#middle #middleRight #homeBox div.item4 img{ padding-bottom:5px; }
#middle #middleRight #homeBox div.item4 a{ display:block; padding-left:15px; background:transparent url(../../img/arrowHome2.gif) center left no-repeat; font-size:10px; margin:2px 0px; text-decoration:none; }
#middle #middleRight #homeBox div.item4 a:hover{ display:block; padding-left:15px; background:transparent url(../../img/arrowHome2.gif) center left no-repeat; font-size:10px; margin:2px 0px; text-decoration:underline; }
#middle #middleRight #homeBox div.item4 ul{ color:#333333; font-size:12px; margin-bottom:7px; text-decoration:none; }
#middle #middleRight #homeBox div.item4 ul li{ color:#333333; font-size:12px; padding-left: 20px; margin-bottom:5px; text-decoration:none; background-attachment: scroll; background-image: url(../../img/arrowHome.gif); background-repeat: no-repeat; background-position: left; }

#middle #middleRight #homeBox div.item5{ width:418px; float:left; margin:3px; padding:0px 10px 3px 5px; text-align:justify; margin-top:7px; }
#middle #middleRight #homeBox div.item5 h2{ font-size:12px; color:#c96510; padding-bottom:5px; }
#middle #middleRight #homeBox div.item5 h1{ font-size:16px; padding-bottom:5px; text-align:left; }
#middle #middleRight #homeBox div.item5 img{ padding-bottom:5px; }
#middle #middleRight #homeBox div.item5 a{ font-size:12px; color:#c96510; text-decoration:none; color:#FFFFFF; font-weight:bold;  }
#middle #middleRight #homeBox div.item5 ol{ color:#333333; font-size:12px; margin-top:1px; text-decoration:none; }
#middle #middleRight #homeBox div.item5 ul{ color:#333333; font-size:12px; margin-bottom:7px; text-decoration:none; }
#middle #middleRight #homeBox div.item5 ul li{ color:#333333; font-size:12px; padding-left: 20px; margin-bottom:5px; margin-left:35px; text-decoration:none; background-attachment: scroll; background-image: url(../../img/arrowHome.gif); background-repeat: no-repeat; background-position: left; text-align: left; }
#middle #middleRight #homeBox #info{ width:418px; float:left; margin:5px 0 5px 0; padding:7px 7px 7px 7px; text-align:justify; background-color:#dbd8cf; }

#middle #middleRight #contain{ padding:0px 25px 10px 15px; clear:both; font-size:12px; text-align:justify; }
#middle #middleRight #contain ul{ color:#333333; font-size:12px; margin-bottom:7px; text-decoration:none; }
#middle #middleRight #contain ul li{ color:#333333; font-size:12px; padding-left: 20px; margin-bottom:5px; text-decoration:none; background-attachment: scroll; background-image: url(../../img/puce.jpg); background-repeat: no-repeat; background-position: left; }

#middle #middleRight #contain h1{ font-size:16px; margin:15px 0px; }
#middle #middleRight #contain a.homeLinkMoreInfo{ height:39px; line-height:39px; text-decoration:none; font-weight:bold; }
#middle #middleRight #contain a.homeLinkMoreInfo:hover{ font-style:italic; }
#middle #middleRight #contain a.homeLinkMoreInfo img{ padding-left:15px; }

#middle #middleRight #contain2{ padding:10px 25px 10px 15px; clear:both; font-size:12px; text-align:justify; }
#middle #middleRight #contain2 ul{ color:#333333; font-size:12px; margin-bottom:7px; text-decoration:none; }
#middle #middleRight #contain2 ul li{ color:#333333; font-size:12px; padding-left: 20px; margin-bottom:5px; text-decoration:none; background-attachment: scroll; background-image: url(../../img/puce.jpg); background-repeat: no-repeat; background-position: left; }

#middle #middleRight #contain2 h1{ font-size:16px; margin:15px 0px; }
#middle #middleRight #contain2 a{ color:#333333; font-size:12px; padding-left: 1px; margin-bottom:5px; text-decoration:none; }

*html #middle #middleLeft{ width:227px; overflow:hidden; }

#middle #middleRight #middleRightBottom{ height:12px; background:transparent url(../../img/rightColBottom.gif) top left no-repeat; overflow:hidden;}
#middle #middleRight #middleRightShadow{ height:14px; background:transparent url(../../img/underMiddle.gif) top right no-repeat;overflow:hidden;  }

#footer{ height:169px; background:transparent url(../../img/footer.gif) top left no-repeat; color:#fff; }
#footer a{ color:#fff; }
#footer #footerLeft{ width:270px; height:89px; float:left; padding:15px; }
#footer #footerRight{ width:560px; height:89px; float:right; padding:15px 25px 15px 15px; text-align:right; }
#footer #footerBottom{ height:25px; padding:5px; 15px 15px 15px; clear:both; text-align:center; }

.filarianne{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; display:block; padding-top: 10px; width:676px; background:transparent url(../../img/rightColTop.gif) top left no-repeat; }
.filarianne a{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666;}

.filarianne2{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; display:block; padding-top: 10px; padding-left:20px; width:656px; background:transparent url(../../img/rightColTop.gif) top left no-repeat;}
.filarianne2 a{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666;}¸

.filarianne3{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; display:block; padding:10px 0px 0px 20px; width:656px; background:transparent url(../../img/rightColTop.gif) top left no-repeat;}
.filarianne3 a{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666;}
