/* CSS Document */
@IMPORT URL(reset.css);
@IMPORT URL(header.css);
@IMPORT URL(nav.css);
@IMPORT URL(picto-footer.css);
@IMPORT URL(footer.css);


*{
margin:0;
padding:0
}
body {
 background: #E3E2E1;
    margin: 0;
    padding: 0;
	font-family:Arial, Helvetica, sans-serif;

}
img, fieldset {
border:none;
}


#page{
background: url(../img/bg-container.png) center repeat-y;
    margin: 0 auto;
    padding: 0;
    width: 950px;
}

#bandeau{
margin-left:12px;
clear:both;
width:926px;
height:250px;
overflow:hidden;
background:url(/v2/img/bandeau_bg.jpg) top left repeat-x;
}
#bandeau img{
float:left;
}
#bandeau h1{
color:white;
float:left;
font-size:20px;
margin-top:18px;
}

#bandeau span{
float:left;
color:white;
font-size:20px;
}

#bandeau h2{
color:white;
float:left;
font-size:20px;
margin-left:5px;
}

#bandeau .separe{
float:left;
width:346px;
height:2px;
line-height:0;
}

#bandeau p{
float:left;
width:346px;
color:white;
}

.item2{height: 290px; margin: 0 12px; width: 926px;}
.item2 {background: #262626 url(../img/bg-carousel-item2.jpg) top left no-repeat;}
.item2 .wrapper {padding: 25px 100px 10px 20px;}
.item2 .illu {
    float: right;
    margin: 25px 30px 0 0;
}
.item2 h1 strong {font-size: 1em; text-transform: uppercase;}
.item2 h1 {margin-bottom: 10px;font-size: 22px; color:#FFFFFF;}
.item2 h2 {
    color: #00AAFF;
    font-size: 1.2em;
    margin-top: 15px;
}
.item2 p {
    color: #00AAFF;
    font-size: 1em;
    font-style: italic;
    margin-top: 15px;
    width: 530px;
}
.item2 ul {margin-bottom: 15px;}
.item2 ul li {
    background: url(../img/ico-blue-square.png) 0 0.6em no-repeat;
    font-size: 14px;
    padding-left: 10px;
	color:#FFFFFF;
}
.item2 strong {
    font-size: 1em;
    font-weight: bold;
}
.item2 a {
    color:#FFFFFF;
	font-style:italic;
}
.item2 p a {color:#00AAFF; font-weight:bold;}
.item2 ul li em {
    font-weight: bold;
    text-decoration: underline;
}



/**/
#titbandeau{
margin-left:12px;
width:926px;
clear:both;
height:46px;
background:url(/v2/img/bg_titbandeau.jpg) top left repeat-x;
}
/**/

#chemin{
margin-left:12px;
padding-left:10px;
width:916px;
clear:both;
background:url(/v2/img/nav_bg.jpg) bottom left repeat-x;
height:25px;
padding-top:5px;
/*padding-left:15px;*/
font-weight:bold;
font-size:13px;
}
#chemin a{
font-size:13px;
}

/**/
/* INFOS */

#infos{
margin:7px 0 10px 12px;
width:926px;
clear:both;
/*overflow:hidden;*/
}
#infos div{
float:left;
padding-left:2%;
padding-right:0.5%;
width:30%;
margin-bottom:7px !important;

}
#infos div h1{
font-size:19px;
font-weight:bold;
color:#3f3f3f;
}
#infos div h2{
font-size:20px;
color:#5a5a5a;
}
#infos h4{
font-size:12px;
font-weight:bold;
}
#infos div p{
font-size:14px;
color:#3f3f3f;
margin-bottom:20px;
}
#infos div img{
margin-bottom:5px;
}
#infos div a{
font-size:14px;
font-weight:bold;
}

#infos #deux{
border-left:1px solid #dbdbdb;
}
#infos #trois{
border-left:1px solid #dbdbdb;
}
#infos-uci{
margin-left:12px; width:600px; padding:10px 0 0 10px; font-size:14px;}

#infos-uci p.chapo{
font-size:17px;
font-weight:bold;
margin-top:27px;
margin-bottom:27px;
line-height:1.5em;
}
#infos-uci p.chapo a{
color:black;
}
#infos-uci h2{
color:#00AAFF;
font-size:18px;
font-weight:bold;
}
#infos-uci p a{color:#00AAFF; font-weight:bold; text-decoration:none;}
#infos-uci p a:hover{text-decoration:underline;}
#infos-uci h2 a,
#infos-uci h2 a:visited{color:#00AAFF; text-decoration:none;}
#infos-uci h2 a:hover{text-decoration:underline;}
/* PICTOS */
#pictos {
margin-left:12px;
width:926px !important;
clear:both;
background:url(/v2/img/bg_picto.jpg) top left repeat-x;
padding-top:15px;
padding-bottom:15px;
overflow:hidden;
/*padding-left:25px;*/
height:225px;
}

#pictos .picto {
float:left;
width:16%;
text-align:left;
}
/*.ie #pictos .picto {
float:left;
width:16.2%;
text-align:center;
height:202px;
}

.ie #pictos .picto {
margin-bottom:30px;
}*/
#pictos .picto a{
float:left;
}
#pictos .picto a.active{
float:left;
color:#00aaff;
}
#pictos .picto img {
float:left;
margin-bottom:5px;
margin-right:5px;
}
/*#pictos .picto h2, #pictos .picto p {
width:96px;
padding-left:3px;
margin:0 auto;
text-align:left;
}
*/
#pictos .picto h2 {
font-size:12px;
color:#00aaff;
margin-bottom:3px;
}
#pictos .picto a {
color:#3f3f3f;
}
#pictos .picto h2 a {
float:left;
margin-top:25px;
}


/* Accompagnement */
.accompagnement{
color:white;
float:left;
font-size:12px;
margin-left:5px;
font-weight:bold;
}

#infos-acc{
clear:both;
margin-top:7px;
overflow:hidden;margin-bottom:10px;
}
#infos-acc div{
float:left;
padding-left:1.5%;
padding-right:1.5%;
width:44%;
margin-bottom:7px !important;

}
#infos-acc div h1{
font-size:19px;
font-weight:bold;
color:#3f3f3f;
}
#infos-acc div h2{
font-size:20px;
color:#5a5a5a;
}
#infos-acc div p{
font-size:14px;
color:#3f3f3f;
margin-bottom:20px;
}
#infos-acc div li{
font-size:14px;
margin-left:20px;
color:#3f3f3f;
}
#infos-acc div img{
margin-bottom:5px;
}
#infos-acc div a{
font-size:14px;
font-weight:bold;
color:#00aaff;
}

#infos-acc #deux{
border-left:1px solid #dbdbdb;
}
