/* $Id: communication.css,v 1.10 2007/08/14 09:49:37 excellent Exp $ */
body #main #header {background-image:url(../images/main-communication-header.jpg);}

body #main #content .box.home .body .side .content {padding:1px 20px 1px 36px;}
body #main #content .box .body .side .content .box .body .side .content div.scroller {height:270px;overflow:auto;padding:0 5px 0 0;}
body #main #content .box .body .side .content .box .body .side .content div.scroller {scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#00D8D6;scrollbar-base-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-highlight-color:#00D8D6;scrollbar-shadow-color:#00D8D6;scrollbar-track-color:#FFFFFF;}

body #main #content .box .body .side .content div.column-left {float:left;width:335px;padding-top:10px;text-align:left;}
body #main #content .box .body .side .content div.column-left .box .body .side {height:auto;}
body #main #content .box .body .side .content div.column-left .box .body .side .content {padding:1px 10px 1px 5px;}
body #main #content .box .body .side .content div.column-left .box .body .side .content h2 {padding:0 0 5px 0;margin:0;}
body #main #content .box .body .side .content div.column-left .box .body .side .content h2 span {font-size:11px;font-style:italic;;}
body #main #content .box .body .side .content div.liens .box .body .side {height:69px;}
body #main #content .box .body .side .content div.liens .box .body .side .content a {display:block;padding:0 0 10px 30px;margin:20px 0 0 20px;font-family:"Arial Black",arial,helvetica sans-serif;font-size:16px;color:#EC6400;font-weight:normal;text-decoration:none;background:no-repeat url(../images/main-puce-communication-1.png);text-align:left;}
body #main #content .box .body .side .content div.liens .box .body .side .content a:hover {text-decoration:underline;}
body #main #content .box .body .side .content div.liens .box .body .side .content a span {display:block;font-size:12px;}

body #main #content .box .body .side .content div.column-right {float:left;width:535px;padding-top:10px;}
body #main #content .box .body .side .content div.column-right #iconographie .body .side {height:257px;}
body #main #content .box .body .side .content div.column-right #iconographie .body .content {padding:1px 10px 1px 10px;text-align:left;line-height:normal;}
body #main #content .box .body .side .content div.column-right #iconographie .body .content img {float:right;}
body #main #content .box .body .side .content div.column-right #iconographie .body .content a {font-weight:normal;}
body #main #content .box .body .side .content div.column-right #iconographie .body .content a:hover {text-decoration:none;}
body #main #content .box .body .side .content div.column-right #iconographie .body .content a.puce {display:block;line-height:normal;padding:3px 0px 7px 30px;background:no-repeat 0 center url(../images/main-puce-communication-2.png);text-decoration:none;}
body #main #content .box .body .side .content div.column-right #iconographie .body .content a.puce:hover {text-decoration:underline;}

body #main #content #bottom {clear:both;height:138px;padding:0 15px 0 10px;background:no-repeat url(../images/main-pave-communication-bottom.jpg);color:#08337B;line-height:normal;}
body #main #content #bottom h2 {padding:10px 0 5px 0;margin:0;color:#08337B;font-family:"Arial Black",arial,helvetica sans-serif;font-size:16px;}
body #main #content #bottom a {color:#08337B;text-decoration:none;}
body #main #content #bottom a:hover {text-decoration:underline;}
/*
body #main #content #bottom ul.plaquettes {list-style:none;margin:5px 40px 0 40px;padding:0px 0 0px 0px;text-align:left;}
body #main #content #bottom a.plaquette {margin:10px 40px 0 40px;width:170px;padding:5px 0 5px 60px;text-align:left;}
body #main #content #bottom > a.plaquette {width:110px;}
body #main #content #bottom span.logo {display:block;float:left;width:150px;padding:5px 0 30px 0;;font-family:"Arial Black",arial,helvetica sans-serif;font-size:16px;text-align:center;}
body #main #content #bottom ul {list-style:none;margin:5px 0 0 10px;padding:0;display:block;float:left;}
body #main #content #bottom ul li a {float:none;margin-top:5px;}
body #main #content #bottom a.conditions {margin:12px 10px 0 40px;width:120px;text-align:center;}
*/

body #main #content .box .body .side .content ul.lettreinfo {list-style:none;margin:30px 0 0 0;padding:0;}
body #main #content .box .body .side .content ul.lettreinfo li {display:block;float:left;padding:0 30px;text-align:center;font-weight:bold;}
body #main #content .box .body .side .content ul.lettreinfo li a {text-decoration:none;}
body #main #content .box .body .side .content ul.lettreinfo li a:hover {text-decoration:underline;}
body #main #content .box .body .side .content ul.lettreinfo li a img {display:block;margin:20px 0 0 0;}

body #main #content .box .body .side .content div.info {float:right;width:245px;height:320px;margin-top:10px;padding:70px 15px 0 10px;background:no-repeat url(../images/main-pave-communication-info.jpg);font-size:15px;color:#FFFFFF;font-weight:bold;text-align:center;line-height:200%;}
body #main #content .box .body .side .content > div.info {height:250px;width:220px;}
body #main #content .box .body .side .content div.info a {text-decoration:none;color:white;}
body #main #content .box .body .side .content div.info a:hover {text-decoration:underline;}

body #main #content #flashinfo .body .side .content .box {float:left;width:600px;}
body #main #content #flashinfo .body .side .content .box .body .side {height:280px;}
body #main #content #flashinfo .body .side .content .box .body .side .content {position:relative;}
body #main #content #flashinfo .body .side .content .box .body .side .content div#vignette.off {display:none;}
body #main #content #flashinfo .body .side .content .box .body .side .content div#vignette {position:absolute;display:block;top:0;left:300px;width:170px;text-align:center;font-weight:bold;}
body #main #content #flashinfo .body .side .content .box .body .side .content div#vignette img {display:block;margin:5px 0 0 0;border:solid 1px black;width:177px;height:250px;}
body #main #content #flashinfo .body .side .content .box .body .side .content a {text-decoration:none;}
body #main #content #flashinfo .body .side .content .box .body .side .content a:hover {text-decoration:underline;}
body #main #content #flashinfo .body .side .content .box .body .side .content div.scroller {height:270px;overflow:auto;overflow-x:hidden;padding:0 5px 0 0;}
body #main #content #flashinfo .body .side .content .box .body .side .content div.scroller {scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#00D8D6;scrollbar-base-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-highlight-color:#00D8D6;scrollbar-shadow-color:#00D8D6;scrollbar-track-color:#FFFFFF;}
body #main #content #flashinfo .body .side .content .box .body .side .content div.scroller ul {list-style:none;margin:0;padding:0;width:200px;}
body #main #content #flashinfo .body .side .content .box .body .side .content div.scroller ul li {padding:5px 0;}

body #main #content #communiques .body .side .content .box .body .side {height:auto;}
body #main #content #communiques .body .side .content .box .body .side .content table.communiques {margin:0 100px 0 0;padding:0;border-collapse:collapse;}
body #main #content #communiques .body .side .content .box .body .side .content table.communiques tr td {padding:10px 5px;vertical-align:top;line-height:normal;color:#08337b;}
body #main #content #communiques .body .side .content .box .body .side .content a {text-decoration:none;}
body #main #content #communiques .body .side .content .box .body .side .content a:hover {text-decoration:underline;}