@charset "utf-8";
/* CSS Document */

body
{
width:90%;
margin:0;
padding:0;
margin-left: auto;
margin-right: auto;

font-family:Verdana, Arial, Helvetica, sans-serif;
}

#googlepub_bas
{
width:728px;
height:90px;
margin-left:0px;
}

#conteneur
{
width:900px;
margin-left:0px;
}

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

a:hover
{
color: #0000CC;
text-decoration: underline;
}

.lien
{
color: #0000CC;
text-decoration:underline;
}

strong
{
font-weight:normal;
font-size:150%;
}
.lien:hover
{
color: #0000FF;
text-decoration:underline;
}

.red
{
color:#FF0000;
}

h1
{
text-indent:-50000px;
}

h2
{
font-size:90%;
}

h3
{
font-size:70%;
}

#logo_sa
{
height:44px;
background:url(design/entete_sa.png) no-repeat bottom center #FFFFFF;
border-bottom-color: #00FF00;
}

#logo_sa a
{
	width: 900px ;
	height: 44px ;
	display: block ;

}

#logo_partenaire
{
height:123px;
background:url(design/lescomediensliberes.gif) no-repeat center #FFFFFF;
}

#logo_partenaire a
{
	width: 770px ;
	height: 123px ;
	display: block ;
}

#date
{
margin-right:160px;
float:right;
color:#FF0000;
text-decoration:none;
font-size:70%;
}

#recherche
{
	margin-left:410px;
	height:20px;
	width:350px;
	margin-top: 25px;
	padding:10px;
}

#reservation
{
	margin-left:110px;
	height:20px;
	margin-top: 25px;
	padding:10px;
	background:url(design/bouton_reservation.gif) no-repeat center #FFFFFF;
}

#reservation a
{
	margin-left:110px;
	height:20px;
	padding:10px;
	display: block ;

}


#contenu
{
width:900px;
text-align:justify;
margin-top: 0px;
padding-top:10px;
margin-left: auto;
margin-right: auto;


}

#contenu1
{
float:left;
	margin-top:5px;
	top: 270px;
	right: 8px;
	width: 680px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	padding: 0px 15px 10px 15px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	color:#999999;
}

#contenu2
{
float:right;
	margin-top:5px;
	top: 270px;
	right: 0px;
	width: 175px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	/*padding: 0px 15px 10px 15px;  le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	color:#999999;
	font-size:70%;
	}

.texte_side_bar
{
color:#666666;
}

.texte_side_bar a
{
color:#FF0000;
text-decoration:underline;
font-size:80%;
}

.texte_side_bar a:hover
{
color:#000066;
text-decoration:none;
font-size:80%;
}

#include_contenu
{
width:690px;
}


.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }	
		
#deco
{
border: 2px dotted  #FF0099;
margin-top: 20px;
}

#bord_droit
{
text-align:justify;
border: 2px solid #FFCC00;
}

#titre
{
width:900px;
margin-top:10px;
padding-left:15px;
}

#titre a
{
color:#000000;
text-decoration:none;
}

#titre a:hover
{
color:#000000;
text-decoration:none;
}

#footer
{
margin-top:5px;
height: 20px;
font-size:70%;
background:url(design/chaine_footer.png) repeat;
}

#footer_text
{
margin-top:5 px;
height: 25 px;
font-size:70%;
text-align:right;

}

#footer_text a
{
margin-top:5 px;
height: 25 px;
font-size:70%;
text-align:right;
}

.bleuetext
{
color:#0000FF;
}

/*#deco_1
{
background: url(design/chaine.png) no-repeat bottom left #000000;
height:100px;
margin-top: 10px;
padding:10px;
}
*/

#video
{
height:320px;
width:440px;

}

#menu
{
	height:130px;
	margin-top: 0px;
	padding:10px;
	background:url(design/chaine.png) no-repeat;
	
}

/*Le Menu***********************************************************************************************/
#menuderoulant
{
	position: relative;
	top: 45px;
	left: -10px;
	width: 900px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px;
}

#menuderoulant li
{
 float: left;
 width: 150px;
 margin: 0;
 padding: 0;
 border: 0;
 background:url(design/fondTR.png);
}

#menuderoulant .sousmenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuderoulant .sousmenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuderoulant li a:link, #menuderoulant li a:visited
{
 display: block;
 height: 1%;
 color: #333333;
 margin: 0;
 padding: 4px 8px;

 text-decoration: none;
 text-align:center;
}
/*Deco survol et actf du menu déroulant*/
#menuderoulant li a:hover {color: #0000FF ; }
#menuderoulant li a:active { color: #FF0000; }

#menuderoulant .sousmenu li a:link,
#menuderoulant .sousmenu li a:visited
{
 display: block;
 color: #333333;
 margin: 0;
 border: 0;
 text-decoration: none;
 /*background: transparent url(design/fondTR.png) repeat;*/
}
#menuderoulant .sousmenu li a:hover
{
 background-image: none;
 background: transparent url(design/fondTR.png) repeat;
 color:#0000FF;
}

#menuderoulant .sousmenu li 
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
#menuderoulant li:hover > .sousmenu { display: block; }