* { font-family: calibri, arial; font-size: 11px }
body{margin:0px; padding:0px; background:#ffffff; font-family: calibri, verdana, arial; }
/*div { border: 1px dotted red }*/
#topContentWrap{width:100%; margin:0px; padding:0px; float:left; background:#ffffff url(skin/bgAbstract.jpg) no-repeat top center; }


#overlayFull { background: #ffffff; z-index: 900; height: 200%; width: 100%; position: absolute; top: 0; left: 0; -moz-opacity:0.75; opacity: 0.75; filter:alpha(opacity=75); cursor: not-allowed; display: none} 
#overlayBox { background: #ffffff; z-index: 999; position: absolute; top: 22%; left: 30%; margin: 0; padding: 0; width: 300px; padding: 20px; border: 2px solid black; font-size: 12px } 
#overlayBox2 { background: white; z-index: 999; position: absolute; top: 22%; left: 30%; margin: 0; padding: 10px 10px 10px 10px; -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); cursor: default; border: 1px solid silver;} 
#overlayBox td { font-size: 12px; }
#overlayBox h1 { font-size: 14px; font-weight: bold; }

#globalContent{width:928px; margin:0 auto; padding:0px 0px 12px 0;  border: 0px solid red;}

#topContent{width:928px; margin:0 auto; padding:0px;  }

#logoPanel{width:75px; height:740px; margin:10px 0 0 0px; padding:0px; float:left; text-indent:-9999px; background:url(skin/globalpic.jpg) no-repeat}
#logoPanel h1{width:75px; height:740px; margin:0px; padding:0px; float:left; text-indent:-9999px;}

.titre { font-size: 32px; font-weight: bold; }

#slogan {font-size: 24px; color: #116ab0; font-weight: bold}

#about{width:47px; height:110px; margin:0px; padding:0 0 0 169px; float:left}
#about a{width:47px; height:36px; margin:0px; padding:56px 0 0 0; float:left; font-size:12px; font-weight:bold; color:#646464; line-height:13px; text-align:center; text-decoration:none; background:url(skin/about.gif) no-repeat}
#about a:hover{height:36px; padding:74px 0 0 0; background:url(skin/about.gif) no-repeat -48px 0}

#home{width:47px; height:110px; margin:0px; padding:0 0 0 169px; float:left}
#home a{width:47px; height:36px; margin:0px; padding:56px 0 0 0; float:left; font-size:12px; font-weight:bold; color:#646464; line-height:13px; text-align:center; text-decoration:none; background:url(skin/homeBg.gif) no-repeat}
#home a:hover{height:36px; padding:74px 0 0 0; background:url(skin/homeBg.gif) no-repeat -48px 0}

#leftPanel{width:600px; margin:0px; padding:15px 0 0 0px; float:left; }
#leftPanel h2{width:600px; margin:10px 0 0 0; padding:0 0 0 24px; float:left; font-size:26px; color:#FFFFFF; line-height:30px; font-weight:normal}
#leftPanel h3{width:600px; margin:8px 0 0 0; padding:0 0 0 24px; float:left; font-size:12px; color:#ffe996; line-height:19px; font-weight:bold}
#leftPanel p{width:600px; margin:20px 0 0 0; padding:0 0 0 24px; float:left; font-size:12px; color:#f8d85e; line-height:19px}
#leftPanel p a{color:#f8d85e; background:#9f3105; text-decoration:none}
#leftPanel p a:hover{background:#812a08}
#leftPanel .read{width:62px; height:23px; margin:0px; padding:0 0 0 131px; float:left}
#leftPanel .read a{width:62px; height:23px; margin:0px; padding:0px; float:left; font-size:11px; color:#d9d9d9; line-height:20px; text-align:center; text-decoration:none; background:url(skin/buttons.jpg) no-repeat}
#leftPanel .read a:hover{color:#cb3e08}

#centerPanel{width:290px; margin:0; padding:0 0 10px 10px; float:left; }
#centerPanel h2{width:170px; margin:199px 0 0 0; padding:0 0 0 24px; float:left; font-size:26px; color:#FFFFFF; line-height:30px; font-weight:normal}
#centerPanel h3{width:170px; margin:8px 0 0 0; padding:0 0 0 24px; float:left; font-size:12px; color:#ffe996; line-height:19px; font-weight:bold}
#centerPanel ul{width:170px; margin:8px 0 0 0; padding:0 0 0 24px; float:left; display:block}
#centerPanel ul li{width:170px; margin:3px 0 0 0; padding:0 0 14px 0; float:left; display:block}
#centerPanel ul li h2{width:170px; margin:0px; padding:0px; float:left; font-size:12px; color:#ffffff; line-height:14px; font-weight:bold}
#centerPanel ul li p{width:170px; margin:5px 0 0 0; padding:0px; float:left; font-size:12px; color:#f2ff9a; line-height:19px}
#centerPanel ul li p a{font-size:12px; color:#f2ff9a; float:none; background:#75850e}
#centerPanel ul li p a:hover{color:#f2ff9a; background:#525d08}
#centerPanel ul li a{width:62px; height:23px; margin:14px 0 0 0; padding:0px; float:right; font-size:11px; color:#d9d9d9; line-height:20px; text-align:center; text-decoration:none; background:url(skin/buttons.jpg) no-repeat -62px 0}
#centerPanel ul li a:hover{color:#cb3e08}

#fullPanel{ width:670px; margin: 0px; padding: 20px 20px 50px 10px; float: left; font-size: 12px; text-align: justify; background-color: #ffffff; }
#fullPanel h1 { color: #cb3e08; font-size: 18px; margin: 5px 0 15px 0; padding: 0;}
#fullPanel h2 { color: #cb3e08; font-size: 14px; margin: 20px 0 5px 0; padding: 0;}
#fullPanel h3 { color: #cb3e08; font-size: 13px; text-decoration: underline; margin: 20px 0 5px 0; padding: 0;}

#rightPanel{width:200px; margin:10px 0px 10px 0px; padding:0 0 0 20px; float:left; }

#menu{width:190px; margin:0px 0 0px 0; padding:0 0px 10px 0; float:left; }
#menu ul{width:190px; margin:0px; padding:0px; float:left; display:block}
#menu ul li{width:190px; margin:0px; padding:0px; float:left; display:block}
#menu ul li a{width:160px; height:24px; margin:0px; padding:0 0 0 15px; float:left; font-size:14px; color:#505050; line-height:22px; font-weight:bold; text-decoration:none; border-bottom:#b1ae7e dotted 1px; background:url(skin/liststyle.jpg) no-repeat 0 7px}
#menu ul li a:hover{color:#cb3e08}
#menu ul li a.bottom{width:176px; height:24px; margin:0px; padding:0 0 0 15px; float:left; font-size:14px; color:#505050; line-height:22px; font-weight:bold; text-decoration:none; border-bottom:0px; background:url(skin/liststyle.jpg) no-repeat 0 7px}
#menu ul li a.bottom:hover{color:#cb3e08}

#addBlock{width:171px; height:195px; margin:22px 0 0 0; padding:0px; float:left; background:url(skin/globalpic.jpg) no-repeat -337px -110px}

#rightPanel h2{width:343px; height:44px; margin:0px 0 0 0; padding:0 0 0 57px; float:left; font-size:34px; color:#cb3e07; line-height:40px; font-weight:normal; background:url(skin/globalpic.jpg) no-repeat -467px -308px}

#additionalLinks{width:590px; margin:0px 0 40px 0; padding:0px; float:left}
#additionalLinks ul{width:590px; margin:20px 0 0 0; padding:0px; float:left; display:block}
#additionalLinks ul li{width:590px; margin:0px; padding:0px; float:left; display:block}
#additionalLinks ul li a{width:571px; height:20px; margin:3px 0 0 0; padding:0 0 0 27px; float:left; font-size:12px; font-family: arial; color:#3b3a2b; line-height:20px; text-decoration:none; } /*background:url(skin/globalpic.jpg) no-repeat -75px -83px}*/
#additionalLinks ul li a:hover{color:#cb3e08}

#iconLinks{width:400px; margin:0px 0 0px 0; padding:0px 0 10px 0; float:left; vertical-align: top; color: #abaa94; text-transform: uppercase; font-weight: bold; }

#iconLinks .blog:hover{ background-color: #fbffff;}
#iconLinks  h2{ font-size: 14px;  color: red; float: left; font-weight: bold; padding: 0; margin: 0; }
#iconLinks .ideas{border: 1px solid #dad6ae; width:180px; height: 90px; margin:0px; padding:10px 0 0 10px; float:left; font-size:10px; color:#abaa94; line-height:14px; text-decoration:none; background:url() no-repeat; background-position: 5% 50%}
#iconLinks .blank{width:10px; height:101px; margin:0px; padding:0px; float:left}
#iconLinks .blog{border: 1px solid #dad6ae; width:140px; height:90px; margin:0px; padding:10px 0 0 50px; float:left; font-size:10px; color:#abaa94; line-height:14px; text-decoration:none; background:url(skin/bulle.png) no-repeat; background-position: 5% 50%}
#iconLinks .ideas:hover{ background: url(skin/bgIdees.png) no-repeat top right; color: red}

#newsLetter{width:284px; height:71px; margin:25px 0 0 0; padding:10px 0 0 114px; float:left; background:url(skin/globalpic.jpg) no-repeat -75px 0}
#newsLetter h3{width:284px; margin:0px; padding:0px; float:left; font-size:18px; color:#212121; line-height:22px}
#newsLetter input{width:206px; height:18px; margin:5px 0 0 0; padding:3px 0 0 0; float:left; font-size:10px; color:#212121; line-height:14px}
#newsLetter a{width:41px; height:23px; margin:4px 0 0 0; padding:0px; float:left; font-size:11px; color:#FFFFFF; line-height:22px; text-align:center; text-decoration:none; background:url(skin/globalpic.jpg) no-repeat -75px -226px}
#newsLetter .blank{width:7px; height:10px; margin:0px; padding:0px; float:left}

#middleWrap{width:100%; margin:0px; padding:0px; float:left; background: #fdfcea url(skin/bgAccesClient.png) repeat-x}

#middlePanel{width:928px; margin:0 auto; padding:0px}

#middlePanel .left{width:473px; margin:0px; padding:0 31px 34px 26px; float:left}
#middlePanel .left h2{width:423px; height:38px; margin:24px 0 0 0; padding:0 0 0 50px; float:left; font-size:34px; color:#1d1d1d; line-height:38px; font-weight:normal; background:url(skin/icoCWA.png) no-repeat}
#middlePanel .left p{width:470px; margin:9px 0 0 0; padding:0px; float:left; font-size:12px; color:#575433; line-height:19px}
#middlePanel .left p span{font-weight:bold; color:#8da00d}
#middlePanel .left a{width:62px; height:23px; margin:7px 0 0 0; padding:0px; float:right; font-size:11px; color:#FFFFFF; line-height:22px; text-align:center; text-decoration:none; background:url(skin/globalpic.jpg) no-repeat -117px -226px}

#loginPanel{width:202px; height:184px; margin:19px 10px 0px 0; padding:0px; float:left; border:#d7d3aa solid 1px; background:#f1eed0}
#loginPanel h2{width:169px; height:34px; margin:0px; padding:0 0 0 33px; float:left; font-size:18px; color:#212121; line-height:30px; font-weight:normal; background:#ffffff url(skin/globalpic.jpg) no-repeat -483px -399px}
#loginPanel h3{width:168px; margin:8px 0 0 0; padding:0 17px 0 17px; float:left; font-size:10px; color:#1d1d1d; line-height:14px; font-weight:normal}
#loginPanel input{width:167px; height:18px; margin:3px 0 0 0; padding:3px 0 0 0; float:left;  font-size:10px; color:#212121; line-height:14px}
#loginPanel .blank{width:17px; height:10px; margin:0px; padding:0px; float:left}
#loginPanel p{width:127px; margin:9px 0 0 0; padding:0 0 0 17px; float:left}
#loginPanel p a{font-size:11px; color:#9fb31a; font-weight:bold; line-height:16px; text-decoration:none;}
#loginPanel .login{width:41px; height:23px; margin:6px 0 0 0; padding:0px; float:left; font-size:11px; color:#FFFFFF; line-height:20px; text-align:center; text-decoration:none; background:url(skin/globalpic.jpg) no-repeat -180px -226px}

#contact{width:175px; height:107px; margin:21px 0 0 0; padding:0px; float:left; background:url(skin/logoCWA.png) no-repeat}
#contact p{font-family:"Arial Narrow"; font-size:16px; color:#252525; margin:90px 0 0 0; padding:0 0 0 2px}
#contact strong{font-family:"Arial Narrow"; font-size:16px; color:#882525; font-weight: bold; margin:90px 0 0 0; padding:0 0 0 2px}

#gap{width:19px; height:10px; margin:0px; padding:0px; float:left}

#footWrap{width:100%; margin:0px; padding:0px 0 23px 0; float:left; background:url(skin/footbg.jpg) repeat-x}
#footPanel{width:928px; margin:0 auto; padding:0px}
#footNav{width:928px; margin:25px 0 0 0; padding:0px; float:left}
#footNav ul{width:655px; margin:0 auto; padding:0px; display:block}
#footNav ul li{width:auto; margin:0px; padding:0px; float:left; display:block}
#footNav ul li .blank{width:auto; margin:3px 0 0 0; padding:0 7px 0 7px; float:left; font-size:11px; color:#d5d5d5; line-height:15px}
#footNav ul li a{font-size:11px; color:#d5d5d5; line-height:15px; text-decoration:none; margin:0px; padding:0px}
#copyright{width:928px; margin:3px 0 0 0; padding:0px; float:left; font-size:10px; color:#9fb31a; line-height:14px; text-align:center}
#validation{width:928px; margin:11px 0 0 0; padding:0px; float:left}
#validation ul{width:132px; margin:0 auto; padding:0px; display:block}
#validation ul li{width:auto; margin:0px; padding:0px; float:left; display:block}
#validation ul li .blank{width:7px; height:10px; margin:0px; padding:0px; float:left}
#validation ul li a{width:62px; height:23px; font-size:11px; color:#FFFFFF; line-height:20px; text-align:center; text-decoration:none; margin:0px; padding:0px; float:left; display:block; background:url(skin/globalpic.jpg) no-repeat -222px -226px}
#footPanel p{width:928px; margin:7px 0 0 0; padding:0px; float:left; font-size:12px; color:#e9e6c3; line-height:16px; font-weight:bold; text-align:center}
#footPanel p a{color:#FFF; background:#252525; text-decoration:none}



/*****/

#logo{width:928px; margin:0 auto; padding:20px 0 20px 0}
#actualite{ padding: 0 10px 0 0; }

#titre1 { font-size: 14px; color: #df111f; font-weight: bold; font-family: arial }
#titre2 { font-size: 14px; color: #116ab0; font-weight: bold; font-family: arial }
#titre3 { font-size: 14px; color: #69d548; font-weight: bold; font-family: arial }

img { border: 0px; vertical-align: middle; padding-right: 5px;}
.lienFleche { font-size: 12px; color: #909090; }