/* CSS Document */
@IMPORT URL(reset.css);
@IMPORT URL(header.css);
@IMPORT URL(nav.css);
@IMPORT URL(footer.css);
@IMPORT URL(onglet.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: auto;
background:url(img/bandeau_bg.jpg) 12px 0px repeat-x;
}
#bandeau img{
float:left;
}
#bandeau h1{
color:white;
float:left;
font-size:20px;
margin-top:18px;
white-space:normal;
width:500px;
}

#bandeau span{
float:left;
color:white;
font-size:20px;
}

#bandeau h2{
color:white;
float:left;
font-size:16px;
margin-left:5px;
}

#bandeau .separe{
float:left;
width:346px;
height:2px;
line-height:0;
}

#bandeau p{
float:left;
width:346px;
color:white;
}



/**/
#titbandeau{
clear:both;
height:46px;
background:url(img/bg_titbandeau.jpg) top left repeat-x;
}
/**/

#chemin{
padding-left:10px;
width:916px;
margin-left:12px;
clear:both;
background:url(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{
clear:both;
margin-top:7px;
overflow:hidden;margin-bottom:10px;
}
#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 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 #un span a{
background:#FFFFFF url(http://i.message-business.com/mails/Newsletter/puce-oiseau.gif) top left no-repeat;
padding-left:20px;
line-height:24px;
/*font-size:12px;
font-weight:normal !important;*/
}

#infos #deux{
padding:0 auto;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
}

#infos #deux img{
margin:0 auto;
text-align:center;
}

#infos-emailing{
margin-top:7px;
overflow:hidden;margin-bottom:10px;
}
#infos-emailing div{
float:left;
padding-left:1%;
padding-right:0.5%;
width:48%;
margin-bottom:7px !important;

}
#infos-emailing div h1{
font-size:19px;
font-weight:bold;
color:#3f3f3f;
}
#infos-emailing div h2{
font-size:20px;
color:#5a5a5a;
}
#infos-emailing div p{
font-size:14px;
color:#3f3f3f;
margin-bottom:20px;
}
#infos-emailing div img{
margin-bottom:5px;
}
#infos-emailing div a{
font-size:14px;
font-weight:bold;
color:#00AAFF;
}

#infos-emailing #deux{
padding:0 auto;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
}

#infos-emailing #deux img{
margin:0 auto;
text-align:center;
}
/* PICTOS */
#pictos {
margin-left:12px;
width:926px !important;
clear:both;
background:url(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 a{
text-decoration:none;
}

/*#pictos a:hover{
border-bottom:1px #000000 solid;
}*/

#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;
}