/* CSS Document */

/* sous menu */

#sousmenu {
background-color:#FFA900;
width:848px;
height:20px;
padding:9px 0 0 17px;
font-weight:bold;
color:#FFFFFF;
position:relative;
top:-12px;
}

#sousmenu a {
font-weight:bold;
color:#FFFFFF;
padding:0 10px 0 10px;
}

/* contenu */

#contenu {
width:1187px;
background:url(../images/geolocalisation.jpg) top right no-repeat #ffffff;
}


#titre h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFA900;
font-weight:bold;
font-size:14px;
margin:3px 0 0 27px;
display:inline;
position:relative;
top:10px;
}

#titre h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFA900;
font-weight:bold;
font-size:24px;
display:inline;
padding-left:7px;
position:relative;
top:10px;
}

#milieu {
height:440px;
margin-top:20px;
font-size:12px;
}

.col {
margin:0;
float:left;
width:240px;
padding-left:27px;
height:440px;
font-size:12px;
}

.col h3 {
font-weight:bold;
font-size:11px;
padding:0;
margin:0;
}

.col a {
color:#000000;
text-decoration:underline;
}

.col a:hover {
text-decoration:none;
}

.col.adroite {
float:right;
position:relative;
right:335px;
}


.decale{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFA900;
font-weight:bold;
font-size:24px;
margin:0 0 10px 27px;
}
.petitecol h2{
font-weight:bold;
font-size:11px;
padding:0;
margin:0;
color:#FFA900;
}

.petitecol img{
margin-bottom:20px;
}
.petitecol h3{
font-weight:bold;
font-size:11px;
padding:0;
margin:0;
color:#FFA900;
text-align:center;
}
.petitecol h3 img{
margin-bottom:0;
}

.deuxcol {
margin:0 0 10px 27px;
background:url(../images/barre_orange.jpg) top left no-repeat;
}
.tab{
border:1px solid #FFA900;
text-align:center;
}
.borderpdts{
border:1px dotted #FFA900;
}

.grandecol strong {
color:#FFA900;
}


/* bouton bas droit */

.carredroit {
float:right;
width:163px;
height:128px;
background:url(../images/carreorange.jpg);
position:relative;
top:-128px;
}

.carredroit h2 {
color:#924209;
font-size:10px;
font-weight:normal;
text-align:right;
margin:0;
padding:8px 10px 0 0;
}

.carredroit h1 {
color:#924209;
font-size:16px;
font-weight:bold;
text-align:right;
margin:-7px 0 0 0;
padding:0 13px 0 0;
}

.carredroit img{
float:left;
margin-top:-7px;
}
.carredroit p{
float:left;
margin:5px 10px 5px 5px;
padding:0;
width:83px;
height:65px;
font-size:9px;
}
.carredroit a{
color:#FFFFFF;
position:relative;
bottom:23px;
left:50px;
font-size:11px;
}
.carredroit a:hover{
margin-left:3px;
text-decoration:none;
}

.deuxieme h1{
padding:18px 10px 12px 0;
}

.deuxieme img{
padding:0 5px 0 5px;
}

.deuxieme p{
width:60px;
}

#replace{
position:relative;
bottom:4px;
width:90px;
}