@charset "iso-8859-1";

* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:black;
}

img {
border:0;
margin:0;
}

p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:white;
}

/**Master**/

#conteneur {
position:relative;
width:1000px;
margin: 0 auto;
}

#entete {
height:119px;
width:1000px;
}

#entete a {
border: 0px none;
text-decoration: none;
outline: none;
}

#menu {
background-image:url('images/menu.jpg');
background-repeat:no-repeat;
width:850px;
padding-left:35px;
padding-right:115px;
height:56px;
padding-top:8px;
}

#menu a:link {
color:white;
border: 0px none;
text-decoration: none;
outline: none;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
}

#menu a:visited {
color:white;
border: 0px none;
text-decoration: none;
outline: none;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
}

#menu a:hover {
color:#9f6767;
border: 0px none;
text-decoration: none;
outline: none;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
outline:0;
}

#menu a:active {
color:#9f6767;
border: 0px none;
text-decoration: none;
outline: none;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
}

.menu01 {
text-align:center;
float:left;
width: auto;
margin-top:8px;
margin-right:25px;
margin-left:20px;
}

.menu02 {
text-align:center;
float:left;
margin-top:8px;
margin-right:25px;
margin-left:20px;
}

.menu03 {
text-align:center;
float:left;
width: 217px;
margin-right:25px;
margin-left:10px;
}

.menu04 {
text-align:center;
float:left;
width: 220px;
margin-left:20px;
}

#footer {
background-image:url('images/bg_footer.jpg');
background-repeat:no-repeat;
height:106px;
width:1000px;
text-align:center;
padding-top:30px;
float:left;
}

#footer a {
border: 0px none;
text-decoration: none;
outline: none;
color:white;
text-transform:uppercase;
font-size:11px;
margin-left:3px;
margin-right:3px;
}

#footer p {
margin-top:5px;
font-size:10px;
}

.rouge {
color:#b1060f;
text-transform:uppercase;
margin-left:3px;
margin-right:3px;
font-size:13px;
font-weight:bold;
}


#end {
clear:both;
background:black;
}


/**home**/
#contenu {
background-image:url('images/bg_centre.jpg');
background-repeat:no-repeat;
min-height:495px;
width:1000px;
float:left;
}

#edito {
width:465px;
float:left;
margin-left:50px
}

h3 {
width:465px;
color:white;
font-weight:bold;
font-size:18px;
margin-bottom:5px;
margin-top:10px;
float:left;
}

#edito a:link {
color:#b1060f;
font-weight:bold;
border: 0px none;
text-decoration: none;
outline: none;
font-size:13px;
}

#edito a:visited {
color:#b1060f;
font-weight:bold;
border: 0px none;
text-decoration: none;
outline: none;
font-size:13px;
}

#edito a:hover {
color:#DD0A1E;
font-weight:bold;
border: 0px none;
text-decoration: none;
outline: none;
font-size:13px;
}

#encart {
background-image:url('images/arabesque.png');
background-repeat:no-repeat;
width:350px;
height:260px;
float:right;
text-align:center;
padding-top:40px;
margin-right:50px;
}

#news {
float:left;
background-image:url('images/bg_news.png');
background-repeat:repeat-x;
margin-left:32px;
padding-top:30px;
padding-left:17px;
width:922px;
}

.presentation {
float:left;
height:190px;
width:292px;
margin-right:15px;
}

.presentation img {
float:left;
}

.presentation h2 {
float:left;
color:gray;
text-transform:uppercase;
font-size:14px;
width:150px;
}

.presentation h4 {
float:left;
color:white;
font-size:12px;
width:150px;
}

.presentation p {
float:left;
width:150px;
}

#archives {
background-image:url('images/archives.png');
background-repeat:no-repeat;
float:right;
width:99px;
height:30px;
margin-right:50px;
}

ul#logo {
background-image:url('images/partenaires.png');
background-repeat:no-repeat;
float:left;
height:70px;
width:900px;
margin-top:20px;
margin-left:50px;
margin-right:50px;
padding-top:20px;
}

ul#logo li.logo01 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo01 a {
width:67px;
height:30px;
display:block;
background-image:url('photos/accenture_off.jpg');
font-size:1px;
}

ul#logo li.logo01 a:hover {
background-image:url('photos/accenture_on.jpg');
outline:0;
}

ul#logo li.logo02 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo02 a {
width:30px;
height:30px;
display:block;
background-image:url('photos/accor_off.jpg');
font-size:1px;
}

ul#logo li.logo02 a:hover {
background-image:url('photos/accor_on.jpg');
outline:0;
}

ul#logo li.logo03 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo03 a {
width:82px;
height:30px;
display:block;
background-image:url('photos/air_liquide_off.jpg');
font-size:1px;
}

ul#logo li.logo03 a:hover {
background-image:url('photos/air_liquide_on.jpg');
outline:0;
}

ul#logo li.logo04 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo04 a {
width:30px;
height:30px;
display:block;
background-image:url('photos/armand_thiery_off.jpg');
font-size:1px;
}

ul#logo li.logo04 a:hover {
background-image:url('photos/armand_thiery_on.jpg');
outline:0;
}

ul#logo li.logo05 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo05 a {
width:24px;
height:30px;
display:block;
background-image:url('photos/arspg_off.jpg');
font-size:1px;
}

ul#logo li.logo05 a:hover {
background-image:url('photos/arspg_on.jpg');
outline:0;
}

ul#logo li.logo06 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo06 a {
width:32px;
height:30px;
display:block;
background-image:url('photos/axa_off.jpg');
font-size:1px;
}

ul#logo li.logo06 a:hover {
background-image:url('photos/axa_on.jpg');
outline:0;
}

ul#logo li.logo07 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo07 a {
width:110px;
height:30px;
display:block;
background-image:url('photos/business_off.jpg');
font-size:1px;
}

ul#logo li.logo07 a:hover {
background-image:url('photos/business_on.jpg');
outline:0;
}

ul#logo li.logo08 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo08 a {
width:63px;
height:30px;
display:block;
background-image:url('photos/century21_off.jpg');
font-size:1px;
}

ul#logo li.logo08 a:hover {
background-image:url('photos/century21_on.jpg');
outline:0;
}

ul#logo li.logo09 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo09 a {
width:62px;
height:30px;
display:block;
background-image:url('photos/credit_agricole_off.jpg');
font-size:1px;
}

ul#logo li.logo09 a:hover {
background-image:url('photos/credit_agricole_on.jpg');
outline:0;
}

ul#logo li.logo10 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo10 a {
width:56px;
height:30px;
display:block;
background-image:url('photos/credit_nord_off.jpg');
font-size:1px;
}

ul#logo li.logo10 a:hover {
background-image:url('photos/credit_nord_on.jpg');
outline:0;
}

ul#logo li.logo10 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo10 a {
width:56px;
height:30px;
display:block;
background-image:url('photos/credit_nord_off.jpg');
font-size:1px;
}

ul#logo li.logo10 a:hover {
background-image:url('photos/credit_nord_on.jpg');
outline:0;
}

ul#logo li.logo11 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo11 a {
width:22px;
height:30px;
display:block;
background-image:url('photos/edf_off.jpg');
font-size:1px;
}

ul#logo li.logo11 a:hover {
background-image:url('photos/edf_on.jpg');
outline:0;
}

ul#logo li.logo12 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo12 a {
width:54px;
height:30px;
display:block;
background-image:url('photos/finances_publiques_off.jpg');
font-size:1px;
}

ul#logo li.logo12 a:hover {
background-image:url('photos/finances_publiques_on.jpg');
outline:0;
}

ul#logo li.logo13 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo13 a {
width:57px;
height:30px;
display:block;
background-image:url('photos/ikea_off.jpg');
font-size:1px;
}

ul#logo li.logo13 a:hover {
background-image:url('photos/ikea_on.jpg');
outline:0;
}

ul#logo li.logo14 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo14 a {
width:75px;
height:30px;
display:block;
background-image:url('photos/itw_off.jpg');
font-size:1px;
}

ul#logo li.logo14 a:hover {
background-image:url('photos/itw_on.jpg');
outline:0;
}

ul#logo li.logo15 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo15 a {
width:81px;
height:30px;
display:block;
background-image:url('photos/lrservices_off.jpg');
font-size:1px;
}

ul#logo li.logo15 a:hover {
background-image:url('photos/lrservices_on.jpg');
outline:0;
}

ul#logo li.logo16 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo16 a {
width:68px;
height:30px;
display:block;
background-image:url('photos/macif_off.jpg');
font-size:1px;
}

ul#logo li.logo16 a:hover {
background-image:url('photos/macif_on.jpg');
}

ul#logo li.logo17 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo17 a {
width:73px;
height:30px;
display:block;
background-image:url('photos/neuf_off.jpg');
font-size:1px;
}

ul#logo li.logo17 a:hover {
background-image:url('photos/neuf_on.jpg');
}

ul#logo li.logo18 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo18 a {
width:30px;
height:30px;
display:block;
background-image:url('photos/ratp_off.jpg');
font-size:1px;
}

ul#logo li.logo18 a:hover {
background-image:url('photos/ratp_on.jpg');
}

ul#logo li.logo19 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo19 a {
width:51px;
height:30px;
display:block;
background-image:url('photos/rhone_chimie_off.jpg');
font-size:1px;
}

ul#logo li.logo19 a:hover {
background-image:url('photos/rhone_chimie_on.jpg');
}

ul#logo li.logo20 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo20 a {
width:30px;
height:30px;
display:block;
background-image:url('photos/sfr_off.jpg');
font-size:1px;
}

ul#logo li.logo20 a:hover {
background-image:url('photos/sfr_on.jpg');
}

ul#logo li.logo21 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo21 a {
width:58px;
height:30px;
display:block;
background-image:url('photos/sncf_off.jpg');
font-size:1px;
}

ul#logo li.logo21 a:hover {
background-image:url('photos/sncf_on.jpg');
}

ul#logo li.logo22 {
list-style-type:none;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px;
}

ul#logo li.logo22 a {
width:89px;
height:30px;
display:block;
background-image:url('photos/velux_off.jpg');
font-size:1px;
}

ul#logo li.logo22 a:hover {
background-image:url('photos/velux_on.jpg');
}


/**Comités d'entreprise**/
/**accordéon**/
#basic-accordian{
width:450px;
float:left;
margin-left:50px;
}

.accordion_headings{
padding:5px;
color:gray;
cursor:pointer;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
}

.accordion_headings:hover{
color:white;
}

.accordion_child{
padding-left:25px;
color:white;
}

.bold{
font-weight:bold;
text-transform:uppercase;
font-size:12px;
color:white;
}

.italique{
color:white;
font-size:13px;
font-weight:bold;
color:#d1d1d1;
}

.accordion_child h2 {
float:left;
color:#B1060F;
text-transform:uppercase;
font-size:13px;
width:425px;
margin-top:10px;
margin-bottom:5px;
}

.header_highlight{
color:white;
}
/**page**/
#right {
width:450px;
float:right;
padding-right:50px;
}

#topo_comite {
background-image:url('images/bg_comite.png');
background-repeat:no-repeat;
width:420px;
float:right;
text-align:left;
padding-top:40px;
}

#topo_entreprise {
background-image:url('images/bg_entreprise.png');
background-repeat:no-repeat;
width:420px;
float:right;
text-align:left;
padding-top:40px;
}

#topo_collectivite {
background-image:url('images/bg_collectivite.png');
background-repeat:no-repeat;
width:420px;
float:right;
text-align:left;
padding-top:30px;
}

#topo_societe {
background-image:url('images/bg_societe.png');
background-repeat:no-repeat;
width:420px;
float:right;
text-align:left;
padding-top:75px;
}

#video {
background-image:url('images/realisation.png');
background-repeat:no-repeat;
width:430px;
height:322px;
float:left;
padding-top:70px;
padding-left:20px;
padding-right:20px;
margin-top:10px;
}

h5 {
color:white;
font-size:13px;
font-weight:bold;
}

#qui {
width:500px;
background-image:url('images/bg_qui.png');
background-repeat:no-repeat;
padding-top:40px;
float:left;
margin-left:50px
}

#qui h3 {
width:500px;
text-transform:uppercase;
}

.right {
float:right;
margin-right:30px;
}

.grisqui {
color:gray;
text-align:center;
font-size:16px;
font-weight:bold;
text-decoration:underline;
margin-top:10px;
}

.equipe {
text-align:left;
width:150px;
height:132px;
float:left;
margin-top:20px;
margin-right:50px;
margin-left:50px;
}

.equipe a:link {
color:#b1060f;
font-weight:bold;
font-size:13px;
border: 0px none;
outline: none;
}

.equipe a:visited {
color:#b1060f;
font-weight:bold;
font-size:13px;
border: 0px none;
outline: none;
}
.equipe a:hover {
color:#DD0A1E;
font-weight:bold;
font-size:13px;
border: 0px none;
outline: none;
}

.equipe p {
margin-top:10px;
margin-bottom:10px;
}

.equipe2 {
width:150px;
height:132px;
float:left;
margin-right:175px;
margin-left:175px;
}

.equipe2 a {
color:#b1060f;
font-weight:bold;
font-size:13px;
border: 0px none;
outline: none;

}

.equipe2 p {
margin-top:10px;
margin-bottom:10px;
}

#contact {
width:600px;
background-image:url('images/bg_contact.png');
background-repeat:no-repeat;
padding-top:50px;
float:left;
margin-left:50px;
text-align:left;
}

#contact h3 {
width:500px;
}

.fiche {
width:250px;
float:left;
margin-top:30px;
margin-right:80px;
}

.fiche2 {
width:270px;
float:left;
margin-top:30px;
}

.fiche3 {
width:270px;
float:left;
margin-top:30px;
height:150px;
}

.fiche3 .area {
height:100px;
}
.adresse {
width:130px;
text-align:left;
float:left;
margin-left:85px;
margin-right:85px;
margin-top:30px;
margin-bottom:30px;
}
.champs {
width:200px;
}

.area {
width:200px;
}

#newsletter {
width:600px;
background-image:url('images/bg_newsletter.png');
background-repeat:no-repeat;
padding-top:50px;
float:left;
margin-left:50px
}

.bouton {
background-image:url('images/bouton.png');
background-repeat:no-repeat;
background-color:transparent;
border-width:0px;
height:41px;
width:220px;
color:white;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
margin-left:190px;
}

/**message**/
#message {
width:600px;
float:left;
margin-left:50px
}

#message p {
margin-bottom:30px;
}

/**message**/
#message2 {
width:600px;
float:left;
margin-left:50px
}

#message2 p {
margin-bottom:30px;
}

/**videos**/
#videos{
background-image:url('images/bg_videos.png');
background-repeat:no-repeat;
padding-top:50px;
float:left;
margin-left:50px;
margin-right:50px;
}

.rubrique_video a:link{
color:white;
text-decoration:none;
}

.rubrique_video a:hover{
color:#b1060f;
text-decoration:none;
}

.rubrique_video a:visited{
color:white;
text-decoration:none;
}

.rubrique_video{
background-image:url('images/puce_on.png');
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
color:white;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
width:880px;
float:left;
}

.sous_classe{
color:#b1060f;
font-size:14px;
text-align:center;
width:432px;
font-weight:bold;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:9px;
margin-right:9px;
}

.video {
background-image:url('images/bordure_video.png');
background-repeat:no-repeat;
width:430px;
height:240px;
padding-top:1px;
padding-bottom:1px;
padding-right:1px;
padding-left:1px;
margin-top:5px;
}
