/************Page************/

html, body{
width:100%;
height:100%;
margin: 0; 
}

#background {
width:100%;
min-width:960px;
min-height:830px;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:10;
overflow:hidden;
text-align:center;
background:#e9f3fa;
}

#background img{
width:100%;
display:block;
position:absolute;
left:0px;
bottom:0px;
}

/*
#trait{
width:100%;
height:15px;
position:absolute;
background:#C6CFD3;
left:0px;
bottom:0px;
border-top:1px solid white;
z-index:15;
font-size:10px;
padding-top:4px;
padding-bottom:4px;
}

#trait span{
text-align:right;
display:block;
width:85%;
margin-left:auto;
margin-right:auto;
min-width:960px;
}*/

#trait{
display:none;
}

#global {
width:85%;
margin-left:auto;
margin-right:auto;
min-width:960px;
min-height:830px;
height:100%;
position:relative;
z-index:100;
}

#gauche{
min-width:270px;
width:30%;
min-height:100%;
float:left;
position:relative;
}

#droite{
min-width:630px;
width:65%;
min-height:100%;
float:right;
position:relative;
}

#page{
border:2px outlet #F8C521;
background:transparent url('images/contenu_carre.png') top center repeat;
-moz-border-radius:25px 25px 25px 25px;
-webkit-border-radius:25px 25px 25px 25px;
margin-top: 60px;
}


/***********Fin page**************/

/**********Bandeau**************/

#logo {
padding-top:20px;
text-align:center;
}

#entete {
padding-top:60px;
text-align:center;
height:100px;
}

#edition{
width:177px;
height:103px;
position:absolute;
top:0px;
left:0px;
background:transparent url('images/edition.png') top left no-repeat;
z-index:5000;
}

/**********Fin bandeau**********/


/***********Menu************/

#bouteille{
position:absolute;
top:250px;
left:50%;
margin-left:-135px;
min-height:575px;
max-height:735px;
height:50%;
width:270px;
background:transparent url(images/menu.png) top center no-repeat;
}
/*
.bouteillefixe{
position:fixed !important;
left:21% !important;
bottom:0px !important;
}
*/

#liens{
text-align:center;
padding-top:125px;
}

#liens div{
text-align:center;
margin-top:30px;
margin-bottom:30px;
}

#liens div a{
background-color:transparent;
background-position:top center;
background-repeat:no-repeat;
display:block;
margin-left:auto;
margin-right:auto;
}

#liens div a:hover,#liens div a.on{
background-position:bottom center;
}

#lien_accueil a{
background-image:url('images/lien_accueil.png');
width:96px;
height:42px;
}

#lien_menu a{
background-image:url('images/lien_menu.png');
width:88px;
height:42px;
}

#lien_parcours a{
background-image:url('images/lien_parcours.png');
width:124px;
height:42px;
}

#lien_inscription a{
background-image:url('images/lien_inscription.png');
width:157px;
height:75px;
}

#liens #photo{
background-color:transparent;
background-position:top center;
background-repeat:no-repeat;
display:block;
margin-left:auto;
margin-right:auto;
background-image:url('images/lien_photos.png');
width:84px;
height:27px;
margin-bottom:0px;
}

#liens #lien_photos_2010{
margin-top:0px;
}

#lien_photos_2010 a{
background-image:url('images/lien_photos_2010.png');
width:66px;
height:42px;
}


/**************Fin menu***********/

/*************Pied************/

.pied{
text-align:center;
background:transparent url('images/contenu_carre.png') top center repeat;
-moz-border-radius:25px 25px 25px 25px;
-webkit-border-radius:25px 25px 25px 25px;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
margin-bottom:60px;
}

.pied img{
width:512px;
height:105px;
}

.pied{
font-size:0.75em;
}

/*********Fin pied***********/


/**********Texte***********/

.texte{
padding:15px 15px 15px 15px;
}

.texte h1{
text-align:center;
font-size:1em;
margin-top:12px;
margin-bottom:18px;
}

.texte h2{
text-align:left;
margin-top:25px;
margin-bottom:10px;
font-weight:bold;
font-size:1.25em;
}

.texte h3{
text-align:left;
font-size:1em;
margin-top:25px;
margin-bottom:10px;
font-size:1.125em;
}

.texte h4{
text-align:left;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
}

.texte p{
text-align:justify;
font-size:0.875em;
line-height:125%;
margin-top:12px;
margin-bottom:12px;
}

.texte img{
margin:0;
}

.texte p img{
margin-top:10px;
margin-bottom:10px;
}

.texte a{
color:#123c80;
font-weight:bold;
}

.texte a{
-webkit-transition: color 200ms ease-out 0ms; 
-moz-transition: color 200ms ease-out 0ms;
-o-transition: color 200ms ease-out 0ms;
transition: color 200ms ease-out 0ms;
}
.texte a:hover{
color:#000000;
}

.texte ol,.texte ul{
margin-top:15px;
margin-bottom:15px;
}

.texte li{
text-align:left;
font-size:0.875em;
line-height:125%;
margin-top:8px;
margin-bottom:8px;
margin-left:30px;
padding-left:24px;
background:transparent url(images/li_puce.png) 0px 2px no-repeat;
}

.texte ol li{
color:#223831;
font-weight:bold;
font-style:italic;
font-size:1em;
line-height:100%;
}

.texte li em{
font-style:normal;
font-size:0.875em;
color:white;
font-weight:normal;
}

.texte table{
width:100%;
border-collapse:separate;
border-spacing:4px;
margin-top:15px;
margin-bottom:15px;
}

.texte td{
text-align:left;
font-size:0.875em;
line-height:125%;
padding:8px 8px 8px 8px;
border:none;
background-color:#EAFCEE;
}

.texte input{
margin-right:10px;
padding:6px 6px 6px 6px;
border:1px solid #4C7500;
font-size:1.1em;
background:#f9f9f9 url(images/input_bg.png) top left repeat-x;
}

.texte select{
font-size:1.1em;
padding:3px 3px 3px 3px;
width:90%;
margin-right:10px;
}

.texte textarea{
padding:6px 6px 6px 6px;
border:1px solid #703136;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
width:90%;
height:120px;
background:#f9f9f9 url(images/input_bg.png) top left repeat-x;
border:1px solid #4C7500;
resize:none;
}

/***********Fin texte**************/