@charset "utf-8";

body {
background: #679EBD url(images/bg.jpg) repeat-x;
margin-top:0;
font-family:Arial, Helvetica, sans-serif;
}
#haut {
text-align:center;
font-size:12px;
line-height:30px;
height:30px;
margin-top:0;
margin-bottom:0;
overflow:hidden;
}
#tout {
background-color: #8EB7CE;
width:708px;
padding-top:4px;
padding-bottom:4px;
margin:0;
}
#header {
width:700px;
height:120px;
background: #2F6690 url(images/header.jpg);
margin-top: 0;
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
text-align:right;
}
h1 {
color: #ffffff;
font-size:18px;
line-height:17px;
text-align:right;
font-weight:normal;
float:right;
margin-top:0;
margin-bottom:0;
margin-right: 20px;
padding-top:35px;
width: 360px;
letter-spacing: -0.5px;
}
#slogan {
background: #FFFFFF url(photos/photo1.jpg);
width:700px;
height: 116px;
margin:0;
padding-top:2px;
padding-bottom:0;
text-align:left;
}
#slogan2 {
background: #FFFFFF  url(photos/PUB.jpg);
width:700px;
height: 116px;
margin:0;
padding-top:2px;
padding-bottom:0;
text-align:left;
}
#slogan3 {
background: #FFFFFF  url(photos/photo2.jpg);
width:700px;
height: 116px;
margin:0;
padding-top:2px;
padding-bottom:0;
text-align:left;
}
#slogan4 {
background: #FFF url(photos/photo3.jpg);
width:700px;
height: 116px;
margin:0;
padding-top:2px;
padding-bottom:0;
text-align:left;
}
#slogan5 {
background: #FFF url(photos/photo4.jpg);
width:700px;
height: 116px;
margin:0;
padding-top:2px;
padding-bottom:0;
text-align:left;
}
#slogan6 {
background: #FFFFFF  url(photos/photo5.jpg);
width:700px;
height: 116px;
margin:0;
padding-top:2px;
padding-bottom:0;
text-align:left;
}
.barre-rouge{
background: #BB0000 url(images/barre-rouge.jpg) repeat-x;
margin-bottom:2px;
margin-left: 2px;
margin-right:2px;
width:696px;
height:25px;
color: #FFFFFF;
font-size: 12px;

text-align:center;
}
a {
color:#333;
}
.barre-rouge a {
color:#FFFFFF;
line-height: 25px;
text-decoration: none;
margin-left:8px;

padding-right:8px;


}
.barre-rouge1{
border-right: 1px #F2CECE dotted;
}
.barre-rouge a:hover {
color:#FAB8BA;
text-decoration: none;
}
h3 {
font-size: 19px;
color: #999;
margin-left: 30px;
width: 420px;
font-weight:normal;
margin-bottom: 0;
margin-top: 24px;
}
#carres {
width:700px;
margin-top:4px;
overflow:hidden;


}
#carres p{
font-size:12px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
text-align:left;
line-height:18px;

}
.icone2 a{
padding-left: 10px;
color:#BB0000;
background:url(images/icone1.gif) no-repeat;
border-bottom:0;
}
.icone2 a:hover{
padding-left: 10px;
color:#BB0000;
background:url(images/icone2.gif) no-repeat;
}
.icone a{
padding-left: 10px;
color:#333;
background:url(images/icone1.gif) no-repeat;
border-bottom:0;
}
.icone a:hover{
padding-left: 10px;
color:#333;
background:url(images/icone2.gif) no-repeat;
}

#carres p a{
padding-left: 10px;
color:#333;
background:url(images/icone1.gif) no-repeat;
}
#carres p a:hover{
padding-left: 10px;
color:#BB0000;
background:url(images/icone2.gif) no-repeat;
}
#carre1 {
float:left;
width:172px;
background: #fff url(images/carre.jpg);
margin-right: 2px;
}
#carre {
float:left;
width:172px;
background: #fff url(images/carre.jpg);
margin-right: 2px;
margin-left: 2px;
}
.carre {
float:left;
width:172px;
background: #fff url(images/carre.jpg);
margin-right: 2px;
margin-left: 2px;
}
#carre4 {
float:left;
width:172px;
background: #fff url(images/carre.jpg);
margin-left: 2px;
}
h4 {
font-size:12px;
height:25px;
line-height:25px;
background: #BB0000 url(images/barre-rouge.jpg) repeat-x;
margin-bottom:2px;
margin-left: 2px;
margin-right:2px;
margin-top:2px;
color: #fff;
text-align: left;
padding-left:15px;
}
h4 a{
color: #fff;
text-decoration:none;
}
h4 a:hover{
color:#FAB8BA;
text-decoration:none;
}
#contenu {
margin-top:3px;
background-color:#FFFFFF;
margin-bottom:2px;
margin-left: 2px;
margin-right:2px;
width:700px;
}

.rectangle {

width:700px;
background:url(images/rectangle.jpg) no-repeat;
margin:0;
padding-top:2px;
padding-bottom:20px;
text-align:left;
}
.rectangle p{
font-size:13px;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:0;
text-align:left;
line-height:20px;
}
.rectangle p a{

text-decoration:none;
border-bottom: #333 1px dotted;
}
.rectangle p a:hover{
color:#FB0000;
text-decoration:none;
border-bottom: #FB0000 1px dotted;
}
#rectangle {

width:700px;
background:url(images/rectangle.jpg) no-repeat;
margin:0;
padding-top:2px;
padding-bottom:20px;
text-align:left;
}
#rectangle p{
font-size:13px;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:0;
text-align:left;
line-height:20px;
}
#rectangle p a{

text-decoration:none;
border-bottom: #333 1px dotted;
}
#rectangle p a:hover{
color:#FB0000;
text-decoration:none;
border-bottom: #FB0000 1px dotted;
}
h2 {
font-size:12px;
height:25px;
line-height:25px;
background: #F1D669 url(images/barre-jaune.jpg) repeat-x;
margin-bottom:2px;
margin-left: 2px;
margin-right:2px;
margin-top:0;
color: #333;
text-align: left;
padding-left:15px;
}
#footer2 {

width:700px;
margin-top: 3px;
padding-top:2px;
padding-bottom:0;
text-align:left;
overflow:hidden;
}
#footer2 p {
font-size:11px;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
#footer2 p a{
color:#333;
margin-right:2px;
}
#footer {
background: #FFFFFF;
width:700px;
height: 116px;
margin-top: 3px;
padding-top:2px;
padding-bottom:0;
text-align:left;
}

#footer p {
font-size:12px;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
line-height:20px;
}
#footer p a{
color:#666666;
margin-right:10px;
}
.pub {

margin-top: 0;

}
.gauche {
width: 150px;
float:left;
}

#Preambule {
float: right;
width: 200px;
background: #F1D669 ;
margin-right:10px;
margin-top:5px;
}

#partenaires {
width: 480px;
}