/* CSS Document */
* {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
background-color:#a1a1a1;
}
#page {
position:relative;
width:980px;
height:815px;
margin:5px auto;
background:url(../images/cpo_fond.jpg) no-repeat left 236px;
/*border:1px solid red;*/
}
html>body div#page {
height:auto;
min-height:815px;
}
#header {
position:relative;
width:980px;
height:113px;
background:url(../images/cpo_header.jpg) no-repeat right top;
/*border:1px solid lime;*/
}
#header h1 {
postion:absolute;
width:285px;
height:109px;
background:url(../images/cpo_logo.jpg) no-repeat left top;
text-indent:-5000px;
}
#centre {
position:relative;
/*margin-top:236px;*/
width:980px;
clear:both;
}
#footer {
position:relative;
width:980px;
padding-top:12px;
margin:10px auto;
font-size:11px;
border-top:1px solid #ff0000;
margin-top:30px;
}
#footer a {
color:#000000;
text-decoration:none;
}
#footer a:hover {
color:#000000;
text-decoration:underline;
}

/* TITRE */

#centre h2,
#centre h2 a {
color:#FFFFFF;
text-decoration:none;
font-size:16px;
border-bottom:1px solid #FFFFFF;
}
#centre h2 {
display:block;
margin-left:220px;
padding-top:8px;
margin-right:42px;
}
#centre #texte {
position:relative;
width:380px;
margin-left:30px;
margin-top:15px;
font-size:11px;
float:left;
/*border:1px solid yellow;*/
}
#centre #liensGaleries {
position:relative;
width:384px;
/*height:46px;*/
margin-top:15px;
/*background:url(../images/fd_liste_lien_galerie.gif) no-repeat left top;*/
background-color:#8E6766;
-moz-border-radius:5px
}

#centre #liensAutres {
position:relative;
width:384px;
/*height:46px;*/
margin-top:10px;
/*background:url(../images/fd_liste_lien_autre.gif) no-repeat left top;*/
background-color:#818181;
-moz-border-radius:5px
}
#centre #liensGaleries ul,
#centre #liensAutres ul {
list-style-type:none;
margin:3px;
padding-top:4px;
}
#centre #liensGaleries ul li a,
#centre #liensAutres ul li a {
color:#FFFFFF;
font-weight:bold;
font-size:14px;
text-decoration:none;
margin:2px;
}
#droite {
position:relative;
margin-left:650px;
width:269px;
}
#droite #caracTech {
background:url(../images/haut_liste.gif) no-repeat left top;
margin-top:15px;
padding-top:2px;
z-index:100;
}
#droite #caracTech h3 {
position:relative;
font-size:12px;
color:#919191;
text-transform:uppercase;
margin:5px;
}
#droite #caracTech ul {
background:url(../images/fond_liste.gif) no-repeat left bottom;
list-style-position:inside;
}
#droite #caracTech ul li {
margin-left:5px;
/*margin-bottom:0px;*/
font-size:10px;
color:#919191;
}
* html #droite #caracTech ul li {
margin-top:-4px;
}
#droite #caracTech ul li a {
color:#FFFFFF;
margin-left:4px;
}
/* SLIDESHOW */
#droite .tx-rgsmoothgallery-pi1 {
position:relative;
margin-top:15px;
padding:9px;
background:url(../images/fd_slideshow.gif) no-repeat left bottom;
}
#droite h5 {color:#FFFFFF; margin-top:12px;}
#droite p.bodytext { font-size:12px; margin-top:12px;}
/* MENU */

#menu {
position:absolute;
right:10px;
top:5px;
/*border:1px solid aqua;*/
}
ul#menu li {
position:relative;
display:block;
float:left;
}
ul#menu li a {
text-decoration:none;
font-weight:bold;
font-size:10px;
color:#ff0000;
display:block;
float:left;
padding:0 8px;
border-right:1px solid #ff0000;
}
ul#menu li.flag_uk a {
border-right:none;
padding-right:35px;
background:url(../images/flag_us.gif) no-repeat right top;
}
ul#menu li.flag_fr a {
border-right:none;
padding-right:35px;
background:url(../images/flag_fr.gif) no-repeat right top;
}
ul#menu li a:hover {
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
ul#navigation {
position:relative;
float:left;
width:187px;
height:525px;
margin-top:6px;
margin-left:10px;
margin-bottom:20px;
padding:10px 0;
background:url(../images/fd_menu_cpo.jpg) no-repeat left top #9e9e9e;
border-left:1px solid #ff0000;
border-right:1px solid #ff0000;
list-style-type:none;
/*border:1px solid aqua;*/
}
ul#navigation li {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin-left:20px;
margin-top:3px;
list-style-type:none;
list-style-position:outside;
list-style-image:url(../images/puce.gif);
/*

background-image: url(../images/puce.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
*/

}
ul#navigation li a {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
margin-top:2px;
}
/*
ul#navigation li.act a {
color:#ff0000 !important;
}
*/
ul#navigation li a:hover {
text-decoration:underline;
}
ul#navigation ul {
display:none;
margin-left:3px;
list-style-type:none;
}

/*on affiche le niveau 2 pour le niveau 1 sélectioné */
ul#navigation li.act ul {
display:block;
}

ul#navigation ul li,
ul#navigation ul li a {
font-weight:normal;
}
.clear {clear:both;}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #  */
/* HOME */
div#page.accueil #header {
position:absolute;
top:0px;
width:980px;
height:345px;
background:url(../images/cpo_home_header.jpg) no-repeat right bottom;
}
div#page.accueil #header h1 {
postion:absolute;
top:0;
width:980px;
height:159px;
background:url(../images/cpo_home_titre.gif) no-repeat left top;
text-indent:-5000px;
}
div#page.accueil #navigation,
div#page.accueil h2 {display:none;}
div#page.accueil #centre {
position:absolute;
top:363px;
}
div#page.accueil {
position:relative;
width:980px;
height:600px;
margin:10px auto;
background:url(../images/cpo_home_fond.jpg) no-repeat left 345px;
/*border:1px solid red;*/
}
html>body div#page.accueil {
height:auto;
min-height:600px;
}
div#page.accueil #centre #texte {
width:620px;
margin:0 0 0 20px;
/*border:1px solid lime;*/
}
/* home droite */
div#page.accueil #droite ul.csc-menu {
border-left:1px solid #ff0000;
list-style-type:none;
padding-left:10px;
}
div#page.accueil #droite ul.csc-menu li {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:0px;
}
/** html div#page.accueil #droite ul.csc-menu li {margin-bottom:-8px;}*/
div#page.accueil #droite ul.csc-menu li a {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
div#page.accueil #droite p.bodytext {
/*margin-top:50px;*/
font-size:12px;
font-weight:bold;
color:#960000;
}

/* SLIDESHOW */
.slideInfoZone {
display:none;
}
#page.plan .slideInfoZone {display:block;}
#centre .slideInfoZone h2 {
font-size:12px !important;
width:100%;
position:relative !important;
color: #fff;
}
*html #page.plan .carouselInner {
position:relative;
margin-left:180px;
margin-top:-335px;
}
#page.plan .carouselInner {
position:relative;
margin-left:165px;
margin-top:30px;
}
#page.plan .thumbnail {
position:relative;
float: none;
margin:0 5px 5px 0;
padding:5px;
border:1px solid #666666;
background: #FFFFFF;
}
#page.plan p.label {
display:block;
position:absolute;
top:-20px;
margin-left:175px;
font-size:11px
}
*html #page.plan p.label {
display:block;
position:absolute;
margin-top:-335px;
margin-left:180px;
font-size:11px
}
#page.plan p.label span.number {display:none;}

.myGallery {
border:1px solid lime;
background-color:white !important;
}

.thumbnail {
position:relative;
float:left;
margin:0 5px 5px 0;
padding:5px;
border:1px solid #666666;
background: #CCCCCC;
}
.thumbnail img {
margin:5px;
}
p.label {
/*position:absolute;*/
display:none;
z-index:1;
}
#droite.jdExtCarousel {
margin-top:14px;
}

/* TEASER */
/*table.tx-a1teasermenu-pi1 {
width:500px;
}*/
table.tx-a1teasermenu-pi1 table {border:1px solid white;}
td.tx-a1teasermenu-pi1 {
width:270px;
padding:5px;
/*border:1px solid white;*/
}
td.tx-a1teasermenu-pi1 td.desc {
background-color:#CCCCCC;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
padding:2px;
}
td.tx-a1teasermenu-pi1 td.desc a {
color: #ff0000;
background-color:#CCCCCC;
font-size:12px;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
}
/* BANDEAU FLASH */
#page.accueil #bandeauflash {
display:none;
border:none;
}
#bandeauflash {
height:170px;
background:url(../images/cpo_header.jpg) no-repeat right bottom;

}

#page.contact label {
width:150px;
display:block;
float:left;
}

#page.contact form {
width:550px;
}

#page.contact input {
display:block;
margin-left:150px;
}