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

/*------------------COMMUN----------------------------------------*/
body{ margin:0; padding:0; background-color:#aea768; font:12px arial, "trebuchet ms", verdana; color:#464646;}
img{border-style:none;}
a{text-decoration:underline; outline:none; color:#464646;}
a:hover{text-decoration:none;}
a:active {outline:none;}
div{margin:0; padding:0;}
h1{margin-bottom:72px; padding-top:48px; font-weight:normal; font-size:30px; color:#66623d;}
h1.titre{padding:0;margin:30px 0 40px 0 !important;}
h1.titre2{padding:38px 0 0 0;margin:50px 0 0 0 !important;}
h2{margin:0; padding:0; font-weight:normal; font-style:normal;}
#wrapper { width: 992px; margin:0 auto;}
#header{ width:100%; height:43px;}
#flags{float:left; margin-top:11px; padding-left:6px;}
#flags .a{border: 0px}
#log{float:right; height:29px; margin-top:6px; background:url(../images/log-repeat.gif) repeat-x; text-align:center;}
#log #perso{background:url(../images/log-left.gif) no-repeat top left; width:43px; height:29px; display:block;  float:left;}
#log .text a{font-size:11px; color:#837c00; padding:0 15px; text-decoration:none; float:left; line-height:32px;}
#log .text a:hover{text-decoration:underline;}
#log #deconnect{ float:left; }

#mainTop{ background:url(../images/main-top.gif) top left no-repeat; width:992px; height:5px; display:block;}
#main{width:100%; background:url(../images/main-back.gif) repeat-y; overflow:hidden;}

#footer{ width:100%; display:block; height:40px;}
#footerTop{ background:url(../images/footer-top.gif) top left no-repeat; width:992px; height:24px; display:block;}
#footerBottom{width:972px; background:url(../images/footer-bottom.gif) no-repeat; color:#595535; font-size:10px; text-align:right; height:27px; line-height:18px; overflow:hidden; padding-right:20px;}
#footerBottom a{ text-decoration:none;}
#footerBottom a:hover{ text-decoration:underline;}

#colGauche{ width:348px; float:left;overflow:hidden;}
#logo { padding:28px 0 63px 104px; width:244px; float:left;}
#logo2 { padding:28px 0 30px 104px; width:244px; float:left;}

#content{ padding:0 54px 0 6px;}

#top{ width:100%; overflow:hidden;}

/*------------------ACTU HOME----------------------------------------*/
#blocActu{ width:244px; height:330px; border:1px #e4e3e3 solid; margin:0 0 41px 50px;}
#actuContent{ padding-left:0px; float:left;}
#actuTitre{ font-size:14px; font-weight:bold; color:#66623d; padding:31px 0 12px 10px;}
#actuTxt{color:#6a6951; padding:0 20px 16px 0; text-align:justify; padding-left:10px;}
#titreActu{ color:#a6a6a6; font-size:24px; font-weight:bold; margin:0 0px 0 50px; line-height:16px;}
#blocActu img{ display:none;}
#blocActu .lien{color:#66623d; font-size:10px; font-weight:bold; float:right; padding:21px 16px 31px 0;}
#blocActu a{color:#66623d; text-decoration:underline;}
#blocActu a:hover{text-decoration:none;}
#blocActu #categories{width:230px; height:40px; background-color:#e6e6e6; display:none; float:left; margin:0 0 0 2px; padding:0 0 0 10px;}
#blocActu select{ color:#464646; font-size:11px; width:170px; padding:0 0 0 0; margin:0 0 5px 0; height:20px; line-height:20px;}
#blocActu #btn{ padding:5px; margin:0px 0px 0 5px; vertical-align:middle;}

/*------------------MENU HAUT----------------------------------------*/
#colDroite{ width:637px; position:relative; float:left;}
#menuArrondi{ background:url(../images/menu-left.gif) top left no-repeat; display:block; float:left; width:16px; height:56px; }
ul#menu{ list-style:none; padding:0; margin:0; width:636px; background:url(../images/menu-back.gif) top left repeat-x; height:56px; font-size:14px;}
ul#menu li { text-align:center; float:left; background:url(../images/menu-sep.gif) no-repeat right top; }
ul#menu li a{ text-decoration:none; display:block; width:130px; height:56px; line-height:60px; }
ul#menu li a:hover, ul#menu li.current a{ font-weight:bold; color:#66623d; }
ul#menu li.com a{ width:203px; }
ul#menu li.last { background:none;}
ul#menu li.last a{ width:155px; }

ul#menu li.docs{padding-top:15px;}
ul#menu li.docs a{line-height:15px!important;}

/*------------------LOGIN----------------------------------------*/
#menuArrondi{ background:url(../images/menu-left.gif) top left no-repeat; display:block; float:left; width:16px; height:56px; }
#extranet{ padding:0; margin:0; width:636px; background:url(../images/menu-back.gif) top left repeat-x; height:56px; font-size:14px; display:block; line-height:56px;}
#acces{ color:#66623d; font-size:15px; padding-left:15px;}
.identifiants{ color:#9e9e9e; font-size:11px; padding-left:10px;}
#extranet form{ display:inline;} 
#extranet input{ width:111px; height:19px; background:url(../images/inputExtranet.gif) top left no-repeat; border: none; font-size:11px; padding:2px 0 0 4px; margin-left:0px; }
#extranet #btn{ width:72px; height:19px; vertical-align:middle; background:none;}
#entrees{ width:100%;}

/*------------------BLOCS HOME----------------------------------------*/
.entreesBloc{ float:left;}
.bloc{ width:256px; height:368px; border:1px #e4e3e3 solid; margin:0 0 41px 50px;}
.blocContent{ padding:21px 0 10px 30px; float:left;}
#blocTitre{ font-size:14px; font-weight:bold; color:#66623d; padding:31px 0 12px 0;}
.blocTxt{color:#6a6951; padding:5px 0px 0px 0; text-align:center; font-size:11px; line-height:12px;}
.titreBloc{ color:#a6a6a6; font-size:18px; font-weight:bold; margin:0 0px 0 50px; line-height:14px;}
#bloc img{ border:1px #bcbcbc solid; margin:21px 0 10px 0;}
.bloc .lien{ width:242px; height:40px; background-color:#e6e6e6; margin:0 0 0 2px; padding:0 0 0 10px; color:#66623d; font-size:12px; display:block; float:left; line-height:40px; text-align:center;}
.bloc .lien1{ width:242px; height:40px; background-color:#e6e6e6; margin:0px 0 0 2px; padding:0 0 0 10px; color:#66623d; font-size:12px; display:block; float:left; line-height:40px; text-align:center;}
#bloc a{color:#66623d; text-decoration:underline;}
#bloc a:hover{text-decoration:none;}

/*---------------------MENU 2-------------------------------------------*/	
ul#menu2{ list-style:none; padding:0; margin:0 0 0 43px; width:252px; height:40px; font-size:14px; color:#66623d; text-align:center;}
ul#menu2 li { text-align:center; float:left; margin-bottom:5px; }
ul#menu2 li a{ text-decoration:none; display:block; width:252px; height:40px; line-height:40px; background:url(../images/fondMenu-off.gif) no-repeat left top; }
ul#menu2 li a:hover, ul#menu2 li.current { font-weight:bold; color:#fff; background:url(../images/fondMenu-on.gif) no-repeat left top; width:252px; height:40px; line-height:40px;  }


/*-----------------------FORM-----------------------------------------*/
#form{ padding:23px 0 0 6px; float:left;}
#titreForm{ color:#66623d; font-size:15px; font-weight:bold;}
.cssform p{ width:300px; clear:left; margin:0; padding:3px 0 0px 0; padding-left:255px; height:1%; color:#606060; font-size:11px;}
.cssform p.cases{ width:400px; clear:left; margin:0; padding:20px 0 20px 100px; height:1%;}
.cssform label{ font-weight:bold; color:#989898; float:left; margin-left:-155px; padding-top:3px; width:150px;  font-size:12px;}
.cssform input[type="text"]{ width:262px; height:21px; background:url(../images/fondForm.gif) top left no-repeat; border: none; padding-left:3px;}
.cssform input[type="checkbox"]{ background:url(../images/fondCase.gif) top left no-repeat; border: none; width:12px; height:12px; padding:3px 0 0 0;}
.cssform textarea{ background:url(../images/fondMessage.gif) top left no-repeat; border: none; width:262px; height:71px; }
.cssform .submit{ width:73px; height:24px; margin:10px 0 0 105px;}

/*------------------ MENU PAGES INTERIEURES ------------------*/
#blocMenu{width:246px;background:#f1f0ea;color:#66623d;margin:30px 0 0 60px;padding:20px 0 0 0;}
#blocMenu.bloc_colaps{display:inline;float:left;margin-right:30px;margin-bottom:31px;}
#blocMenu ul{margin:0;padding:0;list-style:none;}
#blocMenu ul li{font-weight:bold;margin:0;padding:0 0 10px 10px}
#blocMenu ul li span{display:block;padding:0 0 10px 15px;font-size:13px;}
#blocMenu ul li ul{padding:0;}
#blocMenu ul li ul li{font-weight:normal;background:url(../images/puce-menu.gif) no-repeat 15px 7px;padding:2px 0 2px 25px;margin:0;font-size:11px;}
#blocMenu ul li ul li:hover, #blocMenu ul li ul li.current{background:#ffffff url(../images/puce-menu.gif) no-repeat 15px 7px;}
#blocMenu ul li a{color:#66623d;text-decoration:none;}

.blocMenuActualites{display:none;padding:0 0 0 15px !important;}
.blocMenuActualites span{display:block;padding:20px 0 10px 0;font-size:14px;}
#blocMenu select{ color:#464646; font-size:11px; width:170px; padding:0 0 0 0; margin:0 0 5px 0; height:20px; line-height:20px;}
#blocMenu #btn{ padding:5px; margin:0px 0px 0 5px; vertical-align:middle;}

/*------------------ OUTILS COMMUNICATIONS & REALISATIONS ------------------*/
#items .item{width:553px;padding:20px;border:1px solid #e4e3e3;margin:0 0 15px 0;overflow:hidden;}
#items .itemPhoto{display:block;width:205px;float:left;margin:0 15px 0 0;padding:0;border:0;} /*height:104px;*/
#items .itemTexte{width:333px;float:left;color:#66623d;}
#items .itemTitre{font-size:14px;font-weight:bold;}
#items .itemDate{font-size:10px;color:#b0a969;}
#items .itemDescriptif{text-align:justify;margin:5px 0;}
#items .itemOptions{margin:0;padding:0 0 0 15px;list-style:square;font-size:10px;}
#items .itemOptions li{margin:0 0 5px 0;}
#items .itemOptions li a{color:#66623d;}

/*------------------ DOCS TECHNIQUES ------------------*/
#blocDoc{width:573px;padding:0 20px 0 0;border:1px solid #e4e3e3;margin:0 0 15px 0;overflow:hidden;}
#blocDoc .blocDocPhoto{display:block;width:310px;height:435px;float:left;margin:0 15px 0 0;padding:0;border:0;}
#blocDoc .blocDocTexte{width:245px;margin:20px 0 0 0;float:left;color:#66623d;}
#blocDoc .blocDocTitre{font-size:14px;font-weight:bold;}
#blocDoc .blocDocDescriptif{text-align:justify;margin:5px 0;}
#blocDoc .blocDocOptions{margin:0;padding:0 0 0 15px;list-style:square;font-size:10px;}
#blocDoc .blocDocOptions li{margin:0 0 5px 0;}
#blocDoc .blocDocOptions li a{color:#66623d;}

/*------------------ MENTIONS LEGALES & MON COMPTE ------------------*/
#blocBottom{width:740px;padding:20px;border:1px solid #e4e3e3;margin:0 0 30px 100px;color:#66623d;}
#blocBottom p{text-align:justify;}

#blocBottom label{font-weight:bold;color:#999999;}
#blocBottom .input{width:262px; height:18px; background:url(../images/input-compte.gif) top left no-repeat; border: none; font-size:11px; padding:3px 0 0 4px; margin-left:0px;}
#blocBottom .textarea{width:262px; height:63px; background:url(../images/textarea-compte.gif) top left no-repeat; border: none; font-size:11px; padding:0 0 0 4px; margin-left:0px;}

.clear{clear:both;}