@charset "iso-8859-1";
/* CSS Document */

body{
background:#f4f7fa;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
a img{
border:0;
}
#main{
width:1000px;
margin:0 auto;
background:url(../img/fond-main.gif) 0 0 repeat-y;
padding:0 9px;
}
#top{
padding-right:28px;
}

@font-face { font-family:AkzidenzGroteskBE;src:url(/fileadmin/fonts/AkzidenzGroteskBE-BoldIt.ttf) format("truetype");}
.banner{height:158px; width:982px;color:#004489; position:relative;}
.banner div{ position:absolute; top:74px; left:229px; font-family:Arial; font-size:22px; font-weight:bold; font-style:italic;}

.logo_left{ float:left;padding:30px 0 0 26px; margin:0;}

#menugauche{
margin:0;
padding:0;
list-style:none;
/*background:url(../img/fond-menugauche.gif) 0 0 repeat-x;*/
width:300px;
padding:5px 27px;
float:left;
}
#menudroite{
float:right;
margin:0;
padding:5px 0 0 0;
list-style:none;
}
#menugauche li,#menudroite li{
color:#c9c4d3;
text-transform:uppercase;
font-size:1em;
display:inline;
font-weight:bold;
padding:0;
}
#menugauche li{
padding:0 5px 0 0;
}
#menudroite li{
font-size:0.75em;
}

#menugauche li a, #menudroite li a{
text-decoration:none;
color:#002458;
font-size:0.75em;
font-weight:normal;
padding:0 3px;
}
#menugauche li a{
border-top:3px solid #c9c4d3;
padding:3px 0 0 0;
}
#menugauche li a:hover, #menugauche li.act a{
border-top:3px solid #004489;
}
.clear{
width:100%;
clear:both;
height:0;
overflow:hidden;
}
/*h1{
float:left;
padding:30px 0 0 26px;
margin:0;
}*/
#espaceClient{
background: #d1e0eb;
width:461px;
float:right;
margin:6px 0 12px 0;
}
#espaceClient h2{
margin:0;
padding:0;
}


#espaceClient a.prem{
padding:16px 0 0 13px;
background-position: 94px 21px;
}
#espaceClient a{
color:#567aa7;
text-decoration:none;
font-weight:bold;
font-size:0.75em;
line-height:1.15em;
display:block;
height:28px;
width:92px;
background:url(../img/flecheEspaceClient.gif) 163px 21px no-repeat;
float:left;
padding:16px 0 22px 83px;
}
#espaceClient a span{
font-weight:normal;
display:block;
}
#col1, #col2,#col3{
float:left;
}
#col1{
width:230px;
padding:32px 32px 17px 18px;

}
#col2{
width:388px;
padding:20px 0 0 0;
}
#col3{
width:306px;
padding:30px 0 0 0;
}
#footer{
width:1008px;
margin:0 auto;
background: url(../img/fondFooter.gif) 0 0 no-repeat;
padding:24px 0 0 10px;
}
#col1 .actu{
width:210px;
background:url(../img/fond-actu.gif) 0 0 no-repeat #d1e0eb;
padding: 0 10px 3px 9px;
color:#567aa7;
margin:0 0 30px 0;
}

#col1 .actu h2{
margin:0;
padding:15px 0 18px 0;
}
#col1 .actu p{
font-size:0.6em;
margin:0;
padding:5px 0 0 0;
line-height:1.25em;
}
#col1 .actu p.lien{
text-align:right;
font-size:0.55em;
margin:4px 0 11px 0;
padding:0;
}
#col1 .actu p.lien a{
text-decoration:none;
text-transform:uppercase;
color:#567aa7;
text-align:right;
background:url(../img/flecheActu.gif) 100% 1px no-repeat;
padding:0 8px 0 0;
margin:0;
}
#col1 .actu p.titre{
font-weight:bold;
font-size:0.75em;
line-height:1.2em;
padding:0;
}
#col1 .actu p.date{
font-style:italic;
padding:5px 0 0  1px;
}
#col1 a.promo{
display:block;
height:217px;
width:231px;
background-position:0 0;
background-repeat:no-repeat;
padding:19px 0 0 9px;
}
#colGauche a.promo{
display:block;
height:217px;
width:188px;
background-position:0 0;
background-repeat:no-repeat;
padding:19px 0 0 9px;
}
#col1 a.interne{
width:188px;
}
#col2 a.teaser{
display:block;
margin:0 0 8px 0;
background-position:0 0;
background-repeat:no-repeat;
width:331px;
}
#col3 img{
padding:0;
margin:0;
border:0;
}
#col3 ul#contact{
list-style:none;
background:url(../img/listeContact.jpg) 0 0 no-repeat;
padding:5px 0 9px 28px;
margin:0;
}
#col3 ul#contact li{
margin:0 0 0 0;
padding:0 0 0 0;
}

#col3 ul#contact li.mail {
background:url(../img/puceMail.jpg) 0 0 no-repeat;
padding:4px 0 3px 38px;
}
#col3 ul#contact li.tel{
padding:0 0 0 38px;
background:url(../img/puceTel.jpg) 0 6px no-repeat;
}
#col3 ul#contact li.inline {
background:url(../img/puceInline.jpg) 0 0 no-repeat;
padding:6px 0 2px 38px;
}

#footer ul#niv1horizontal{
list-style:none;
margin:0;
padding:10px 0 25px 0;
font-weight:bold;
text-transform:uppercase;
font-size:0.7em;
width:681px;
float:left;
}
#footer ul#niv1horizontal li{
float:left;
width:150px;
color:#567aa7;
padding:0 15px 0 0;
}
#footer ul#niv1horizontal li span{
height:35px;
display:block;
}
#footer ul#niv1horizontal li ul{
width:147px;
margin:0 0 0 0;
padding:3px 0 0 0;
list-style:none;
border-top:1px solid #b8d0ef;
text-transform:none;
display:block;
}
#footer ul#niv1horizontal li ul li{
padding:0 0 0 7px;
background:url(../img/puceNiv2.gif) 0 5px no-repeat;
margin:0;
width:128px;
}
#footer ul#niv1horizontal li ul li a{
color:#8baad1;
text-decoration:none;
font-weight:normal;
font-size:0.8em;
padding:0;
}
#footer ul#niv1vertical {
padding:0 0 0 14px;
margin:10px 0 0 0;
float:left;
width:188px;
height:91px;
font-weight:bold;
text-transform:uppercase;
font-size:0.7em;
list-style:none;
background:url(../img/fondMenuVertical.gif) 0 0 no-repeat;
}
#footer ul#niv1vertical li{
padding:0;
margin:0;
}
#footer ul#niv1vertical li a{
color:#567aa7;
text-decoration:none;
padding:0 0 0 7px;
margin:0;
}
#footer ul#niv1vertical li select{
width:166px;
font-size:1em;
color:#567aa7;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #7f9db9;
font-weight:bold;
}
#footer ul#niv1vertical li select option a{

padding:0;
}

#footer a.iso{
float:left;
padding:0 0 0 4px;
margin:13px 0 0 0;
}
#colGauche{
width:189px;
float:left;
padding:32px 18px 0 15px
}
#colLarge{
width:747px;
float:left;
padding: 22px 0 0 0;
}
#colGauche ul{
margin:0;
padding:0;
list-style:none;
}
#colGauche ul li{
padding:0 0 25px 0;
margin:0;
}
#colGauche ul li a{
padding:1px 0 1px 11px;
border-left:3px solid #c9c4d3;
display:block;
}

#colGauche ul li a:hover, #colGauche ul li a.act{
padding:1px 0 1px 11px;
border-left:3px solid #e14442;
display:block;


}
#colGauche ul li ul{
padding:15px 0 0 6px;
}
#colGauche ul li ul li{
padding:0 0 8px 0;
margin:0;
display:inline;
}
#colGauche ul li ul li a{
border:0;
background:url(../img/pucesousmenu.gif) 0 0 no-repeat;
padding:0 0 0 8px;
margin:0;
display:block;
min-height:15px;
}
#colGauche ul li ul li a:hover, #colGauche ul li ul li a.act{
border:0;
background:url(../img/pucesousmenuon.gif) 0 0 no-repeat;
padding:0 0 0 8px;
margin:0;
display:block;
min-height:15px;
}


#colLarge ul#ariane{
list-style:none;
margin:0;
padding:0 0 2px 0;
border-bottom:1px solid #d3d3d3;
width:544px;
float:left;
line-height:27px;
}
#colLarge ul#ariane li{
display:inline;
text-transform:uppercase;
font-size:0.6em;
color:#002458;
padding:0;
}
#colLarge ul#ariane li a{
text-decoration:none;
color:#8ea6be;
padding:0;
}

#colLarge #col1{
float:left;
width:522px;
padding:0 22px 22px 0;
}
#colLarge #col1 p.addThis{
text-align:right;
padding:0;
margin:11px 0 0 0;
}
p.addThis{width:202px; float:right; margin:0;border-bottom:1px solid #d3d3d3; padding-bottom:2px;}

#colLarge #col1 ul.news{
list-style:none;
padding:15px 0 0 0;
margin:0 0 0 0;
}
#colLarge #col1 ul.news li{
padding:0 0 0 0;
margin:0 0 18px 0;
height:105px;
background:none;
}
#colLarge #col1 ul.news li .illustr{
float:left;
margin-top:3px;
}
#colLarge #col1 ul.news li .illustr a img{
border:1px solid #dee0e0;
margin-right:12px;
}
#colLarge #col1 ul.news li p a{
color:#567aa7;
text-decoration:none;
}
#colLarge #col1 ul.news li p{
padding: 4px 0 0 0;
margin: 0;
font-size:0.75em;
}
#colLarge #col1 ul.news li p.titre a{
font-weight:normal;
font-size:1.4em;
padding: 0;
}

#colLarge #col1 ul.news li p.date, #colLarge #col1 ul.news li p.category{
font-style:italic;
color:#567aa7;
}
#colLarge #col1 ul.news li p.lien{
text-align:right;
padding:3px 0 0 0;
text-transform:uppercase;
}
#main #colLarge #col1 ul.news li p.lien a{
padding:0 14px 0 0;
background:url(../img/pucesousmenu.gif) 100% 2px no-repeat;
font-size:1em;
}
#colLarge #col1 ul.news li p.date{
font-size:0.75em;
padding:2px 0 0 1px;
}
#colLarge #col1 ul.news li p.category{
font-size:0.75em;
padding:5px 0 0 0;
}
#colLarge #col2{
float:left;
width:202px;
padding:12px 0 0 0;
}
#colLarge #col2 .news{
color:#fff;
background:#567aa7;
border:1px solid #cbc4d4;
padding:13px 14px 20px 11px;
margin-bottom:12px;
}
#colLarge #col2 .news h2{
font-weight:bold;
font-size:0.75em;
padding:0 0 13px 0;
margin:0;
}
#colLarge #col2 .news h2 a{
text-decoration:none;
color:#fff;
}
#colLarge #col2 .news p{
font-size:0.75em;
margin:0;
padding:0 0 12px 1px;
}
#colLarge #col2 .news p.lien{
text-align:right;
padding:5px 0 0 0;
}
#colLarge #col2 .news p.lien a{
text-decoration:none;
color:#fff;
text-transform:uppercase;
padding:0 11px 0 0;
background:url(../img/puceLienCol2.gif) 100% 2px no-repeat;
font-size:0.75em;
}
#colLarge #col2 ul{
list-style:none;
padding:0;
margin:0;
}
#colLarge #col2 ul li{
margin:0 0 12px 1px;
background:url(../img/fondLien.gif) 0 0 no-repeat;
padding:4px 0 6px 8px;
}
#colLarge #col2 ul li a{
padding:1px 0 0 45px;
color:#557aa7;
font-weight:bold;
text-decoration:none;
display:block;
font-size:0.75em;
height:36px;
}

#colLarge #col2 .decouverte{
background:url(../img/decouverte.gif) 0 0 no-repeat;
text-align:center;
padding:15px 5px 0 5px;
height:150px;
margin 0 0 12px 0;
}
#colLarge #col2 .decouverte a{
color:#567aa7;
font-weight:bold;
text-decoration:none;
font-size:0.75em;
display:block;
padding-bottom:4px;
}

#colLarge #col2 .decouverte div.caption{
margin:0 0 30px 0;
}

#colLarge #col2 .decouverte #MooFlow{
padding:0;
text-align:left;
}
#colLarge #col1 div.detail{
margin:15px 0 0 0;
padding:0;
}
#colLarge #col1 div.detail div.news-single-img{
float:right;
padding:4px 0 0 42px;
}
#colLarge #col1 pdiv.detail h2{
clear:none;
}
#colLarge #col1 p, #colLarge #col1 label{
color:#002458;
margin:0;
padding:0;
font-size:0.75em;
}
#colLarge #col1 strong{
color:#002458;
margin:0;
padding:0;

}
#colLarge #col1 div.detail p{
padding:0 0 10px 0;
margin:0;
line-height:1.25em;
}
#colLarge #col1  h2, #colLarge #col1 div.detail p.date, #colLarge #col1 div.detail p.category{
color:#567aa7;
}
#colLarge #col1  h2{
font-weight:bold;
font-size:1em;
padding:0 0 0 0;
margin:0 0 18px 0;
clear:both;
}

#colLarge #col1  h3{
padding:0;
margin:12px 0 25px 0;
}


#colLarge #col1 div.detail p.date, #colLarge #col1 div.detail p.category {
font-style:italic;
}
#colLarge #col1 div.detail p.date{
font-size:0.6em;
padding:2px 0 0 2px;
}
#colLarge #col1 div.detail p.category {
font-size:0.75em;
padding:4px 0 4px 1px;
}
#colLarge #col1 div.detail p.auteur{
text-align:right;
}
#colLarge #col1 p.lien{
text-align:right;
padding:0;
margin:0;
}
#colLarge #col1 p.lien a{
padding:0 14px 0 0;
background:url(../img/pucesousmenu.gif) 100% 4px no-repeat;
text-decoration:none;
color:#002458;
}
#colLarge #col1 ul{
margin:0;
padding:0 0 0 20px;
list-style:none;
}
#colLarge #col1 ul li{
color:#002458;
font-size:0.75em;
background:url(../img/puce.gif) 0 6px no-repeat;
padding:0 0 0 8px;
}


#colLarge #col1 ul li ul{
margin:0;
padding:0 0 0 20px;
list-style:none;
}
#colLarge #col1 ul li ul li {
color:#002458;
font-size:12px;
background:url(../img/puce.gif) 0 6px no-repeat;
padding:0 0 0 8px;
}



#colLarge #col1 ul li p.lien {
font-size:1em;
}
#colLarge #col1 p.titre{
padding-top:20px;
font-weight:bold;
}
#colLarge #col1 p.soustitre{
color:#567aa7;
}
#colLarge #col1 .encadre{
background:url(../img/bottomList.gif) 0 100% no-repeat;
padding:0 0 10px 0;
margin:20px 0 35px 0;
}
#colLarge #col1 .encadre ul{
background:url(../img/topList.gif) 0 0 no-repeat;
padding:10px 0 0 0;
}
#colLarge #col1 .encadre ul li{
padding:0 10px 0 28px;
background:url(../img/puce.gif) 20px 6px no-repeat;
border-left:1px solid #cbc4d4;
border-right:1px solid #cbc4d4;
}

#colLarge #col1 .carte{
	text-align:center;
	margin:14px 0 0 0;
}
#entreprise #colGauche{
width:189px;
float:left;
padding:32px 14px 0 15px
}
#entreprise #colLarge ul#ariane{
margin:0 0 0 5px;
}
#entreprise #colLarge{
width:751px;
}
#entreprise #colLarge #col1{
width:530px;
padding:0 16px 0 0;
}
#entreprise #colLarge #col1 p.addThis{
padding:0 9px 2px 0;
}

#colLarge #col1 .onglets{
background:url(../img/onglets/fondMenuOnglets.gif) 0 0 no-repeat;
width:518px;
height:27px;
padding:9px 8px 0 5px;
}
#colLarge #col1 .onglets table{
width:519px;
height:27px;
border-spacing:0;
border-collapse:collapse;
}

/*#colLarge #col1 .onglets table tr td.last {
background-image:url(../img/onglets/pixel.gif);
}
#colLarge #col1 .onglets table tr td:hover, #colLarge #col1 .onglets table tr td.act{
background-color:#fff;
}
#colLarge #col1 .onglets table tr td {
vertical-align: middle;
text-align:center;
padding:1px 0 2px 0;
border:0; 
background: url(../img/onglets/right.gif) 100% 4px no-repeat;
}*/

#colLarge #col1 .onglets table tr td a:hover, #colLarge #col1 .onglets table tr td.act a{
background-color:#fff;
}
#colLarge #col1 .onglets table tr td {
vertical-align: top;
padding:0;
border:0; 
}
#colLarge #col1 .onglets table tr td a{
display:block;
height:27px;
text-align:center;
padding:0;
border:0; 
background: url(../img/onglets/right.gif) 100% 4px no-repeat;
}
#colLarge #col1 .onglets table tr td.last a {
background-image:url(../img/onglets/pixel.gif);
}
#colLarge #col1 .entreprise{
background:url(../img/onglets/fondPargraph.gif) 0 0 repeat-y;
padding:29px 24px 31px 24px;
margin:0 ;
width:482px;
}
#colLarge #col1 .bottom{
background:url(../img/onglets/bottomEntreprise.gif) 0 0 no-repeat;
height:7px;
margin:0;
width:530px;
}

#entreprise #colLarge #col1 .entreprise p{
margin:0px 0 00;
}
#entreprise #colLarge #col1 .entreprise p.first{
margin:0;
}
#entreprise #colLarge #col1 .entreprise p.titre, #entreprise #colLarge #col1 .entreprise p.lien{
margin:0;
}
#entreprise #colLarge #col1 form{
margin:12px 11px 0 0;
color:#002458;
padding:0 0 41px 0;
text-align:center;
}
#entreprise #colLarge #col1 form fieldset{
border:1px solid #cbc4d4;
padding:13px 0 14px 5px;
margin:0 0 10px 0;
text-align:left;
}
#entreprise #colLarge #col1 form fieldset legend{
font-weight:bold;
padding:0 15px 0 6px;
font-size:0.8em;
margin:0;
}
#entreprise #colLarge #col1 form fieldset label{
font-size:0.8em;
}
#entreprise #colLarge #col1 form fieldset ul{
padding:0;
}
#entreprise #colLarge #col1 form fieldset ul li{
	background:0;
	padding:0;
	margin:0;
	display:block;
	margin-left:182px;
	width:320px;
	height:5px;

}
#entreprise #colLarge #col1 form fieldset ul li input{
float:left;
padding:0;
display:block;
}
#entreprise #colLarge #col1 form fieldset ul li label{
padding:1px 0;
font-size:1em;
width:295px;
float:right;
}
#entreprise #colLarge #col1 form fieldset.info{
padding:2px 5px 22px 5px;
}
#entreprise #colLarge #col1 form fieldset.info label{
font-size:0.8em;
display:block;
width:184px;
float:left;
padding:0 0 0 2px;
}
#entreprise #colLarge #col1 form fieldset.info input{
border:1px solid #a5acb2;
height:20px;
width:155px;
padding:0;
margin:0;
float:left;
}
#entreprise #colLarge #col1 form fieldset.info .error{
border:1px solid #f00;
}
#entreprise #colLarge #col1 form fieldset.info span{
font-size:0.7em;
color:#f00;
display:block;
width:160px;
float:right;
padding:0;
margin:0;
}
#entreprise #colLarge #col1 form fieldset.info .clear{
height:9px;
float:none;
}
#entreprise #colLarge #col1 form fieldset.info div.label{
width:185px;
font-size:0.8em;
float:left;
margin:0;
}
#entreprise #colLarge #col1 form fieldset.info div.tenue{
width:156px;
float:left;
}
#entreprise #colLarge #col1 form fieldset.info div.tenue div{
width:78px;
float:left;
margin:0;
padding:0;
}
#entreprise #colLarge #col1 form fieldset.info div.tenue div input{
width:auto;
margin:0;
padding:0;
border:0;
}
#entreprise #colLarge #col1 form fieldset.info div.tenue div label{
font-size:0.8em;
width:55px;
float:right;
margin:0;
padding:0;
}
#entreprise #colLarge #col1 form fieldset.info textarea{
border:1px solid #a5acb2;
width:155px;
height:101px;
overflow:auto;
}
#entreprise #colLarge #col1 form fieldset.info div.liste{
font-size:0.8em;
width:500px;
}
#entreprise #colLarge #col1 form fieldset.info select{
margin:5px 0 0 185px;
width:160px;
}
#entreprise #colLarge #col1 form fieldset.autres{
padding:0 5px 5px 5px;
}
#entreprise #colLarge #col1 form fieldset.autres input{
float:left;

}
#entreprise #colLarge #col1 form fieldset.autres label{
float:right;
width:485px;
padding-bottom:15px;
}
#entreprise #colLarge #col1 form fieldset.autres legend{
margin-bottom:10px;
}
#entreprise #colLarge #col1 form p{
text-align:left;
font-size:0.6em;
margin:18px 0 0 0;
}
/*plan du site*/
#colLarge #col1 ul#plan, #colLarge #col1 ul#plan li, #colLarge #col1 ul#plan li ul,#colLarge #col1 ul#plan li ul li, #colLarge #col1 ul#plan li ul li ul,#colLarge #col1 ul#plan li ul li ul li  {
margin:0;
padding:0;
background: none;
}

#colLarge #col1 ul#plan{
list-style:none;
margin:0;
padding:10px 0 25px 0;
font-weight:bold;
text-transform:uppercase;
}
#colLarge #col1 ul#plan li{
display:inline-block;
width:146px;
vertical-align:top;
color:#567aa7;
padding:0 27px 0 0;
margin:0 0 30px 0;
font-size:0.7em;
font-weight:bold;
}
#colLarge #col1 ul#plan li a{
text-decoration:none;
color:#567aa7;
}
#colLarge #col1 ul#plan li span{
height:35px;
display:block;
}
#colLarge #col1 ul#plan li ul{
padding:3px 0 0 0;
list-style:none;
border-top:1px solid #b8d0ef;
text-transform:none;
display:block;
}
#colLarge #col1 ul#plan li ul li{
padding:0 0 0 6px;
background:url(../img/puceNiv2.gif) 1px 5px no-repeat;
margin:0;
font-size:0.8em;
}

#colLarge #col1 ul#plan li ul li a{
color:#8baad1;
text-decoration:none;
font-weight:normal;
padding:0;
}
#colLarge #col1 ul#plan li ul li.sousmenu{
background:none;
}
#colLarge #col1 ul#plan li ul li.sousmenu ul{
border:0;
padding:0 0 0 9px;
}
#colLarge #col1 ul#plan li ul li.sousmenu ul li{
background:none;
color:#9c9b9b;
font-size:1em;
}
#colLarge #col1 ul#plan li ul li.sousmenu ul li a{
color:#9c9b9b;
}


/*pullquote class
blockquote {
	width: 50%;
	line-height:1.5em;
	color:#e14442;
	}
blockquote:first-letter {
	background: url(../img/Pages_internes/openquote.gif) no-repeat left top !important;
	padding:10px 2px 15px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}''''

#colLarge #col1 blockquote {
color:#e14442;
}*/

blockquote {
	font-size:1em;
	color:#e14442;
	}
	
/*CSS schemas*/	
.infobulle{
  color: #fff;
  position: absolute;  
  visibility : hidden;
  padding: 10px;
  align: center;
  background-color: #557aa7;
  font-size: 10pt;
}



.csc-textpic{
padding-bottom:15px;
}

#colLarge #col1  h1{
font-weight:bold;
font-size:1em;
padding:0 0 0 0;
margin:0 0 18px 0;
clear:both;
}

#colLarge #col1  h1, #colLarge #col1 div.detail p.date, #colLarge #col1 div.detail p.category{
color:#567aa7;

ol li{
font-size:0.75em;
color:#002458;
}