/* CSS Document */
@import url("style_infolive.css");
body
{
margin:0px;
padding:0px;
background-image:url(../images/fond-papier-interieur.jpg);
background-position:top left;
background-repeat:repeat-x;
/*background-image:url(../images/fond-entete.gif);
background-position:top left;
background-repeat:repeat-x;*/
/*background-color:#e81800;*/
background-color:#dfc17b;
text-align:center;
}

body.index
{
margin:0px;
padding:0px;
background-image:url(../images/fond-entete-index.gif);
background-position:top left;
background-repeat:repeat-x;
background-color:#e81800;
text-align:center;
}

h1,h2,h3,h4,p,ul,li
{
margin:0px;
padding:0px;
}

h1
{
color:#616A73;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
margin:0px;

}

#Page
{
margin-left:auto;
margin-right:auto;
text-align:center;
width:1000px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#FondPage.png
{
float:left;
width:1000px;
background-image:url(../images/fond-page.png);
background-position:top center;
background-repeat:repeat-y;
}

#Content
{
width:980px;
float:left;
margin-left:10px;
}

#Entete
{
width:980px;
height:225px;
position:relative;
background-color:#d7dce2;
/*background-image:url(../images/fond-entete.jpg);*/
background-position:top center;
background-repeat:no-repeat;
}

#Entete.index
{
width:980px;
height:300px;
position:relative;
/*background-image:url(../images/fond-entete-index.jpg);*/
background-position:top center;
background-repeat:no-repeat;
}

#Logo.png
{
width:1020px;
height:225px;
background-image:url(../images/entete-top.png);
position:absolute;
top:0px;
left:-40px;
z-index:40;
}

#Logo.index
{
width:1065px;
height:300px;
background-image:url(../images/entete-top-index.png);
position:absolute;
top:0px;
left:-85px;
z-index:40;
}

#MenuHaut
{
float:right;
height:18px;
background-color:#e31600;
color:#FFFFFF;
position:absolute;
z-index:50;
padding-left:3px;
padding-right:3px;
top:0px;
right:0px;
}

#MenuHaut a, #MenuHaut a:link, #MenuHaut a:active, #MenuHaut a:visited 
{
color:#FFFFFF;
font-size:10px;
text-decoration:none;
text-transform:uppercase;
}

#Menu
{
width:980px;
height:39px;
background-image:url(../images/fond-menu.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#BlocLangues
{
float:left;
width:200px;
padding-top:3px;
}

.IconeMenu{
	float:left;
	width:32px;
	height:32px;
}
.IconeMenu img{
	border:0px;
	width:32px;
	height:32px;
}
#BlocMenu
{
float:left;
width:780px;
text-align:left;
}

#MenuGauche
{
float:left;
}

#MenuGauche #cse-search-box
{
display:block;
}

#MenuGauche .combo-ok
{
margin-bottom:10px;
margin-left:3px;
}

#MenuGauche #Moteur
{
margin-top:10px;
}

#MenuGauche #Moteur h3
{
margin:0px;
padding:0px;
color:#FFFFFF;
text-transform:uppercase;
text-align:left;
padding-left:7px;
font-size:10px;
font-weight:bold;
}

#FondContenu
{
width:980px;
background-image:url(../images/fond-col-centrale.gif);
background-position:top right;
background-repeat:no-repeat;
float:left;
}

#Contenu
{
margin-left:auto;
margin-right:auto;
width:1000px;
}

#ColonneGauche
{
float:left;
width:216px;
min-height:550px;
_height:550px;
background-image:url(../images/fond-col-gauche.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#e81800;
}

#ColonneGauche a, #ColonneGauche a:link, #ColonneGauche a:active, #ColonneGauche a:visited
{
color:#FFFFFF;
font-size:11px;
font-weight:bold;}

#ColonneGauche a:hover
{
color:#cccccc;
text-decoration:none;}

#ColonneCentrale
{
width:574px!important;
width:584px;
float:left;
padding-left:10px;
overflow:hidden;
}

#ColonneDroite
{
width:180px!important;
width:170px;
float:left;
text-align:left;
overflow:hidden;
}

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

#Pied.png
{
clear:both;
background-image:url(../images/fond-pied.png);
background-position:bottom center;
background-repeat:no-repeat;
height:30px;
position:relative;
}



#Coordonnees
{
color:#FFFFFF;
padding-bottom:10px;
padding-top:10px;
width:215px;
}

#Coordonnees h2
{
margin:0px;
padding:0px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;}

#Coordonnees .signature
{
font-size:10px;
color:#FFFFFF;
}
#Coordonnees .signature a{
	color:#FFFFFF;
}
#Coordonnees .signature a:hover{
	color:#000;
}

#LogosBas
{
height:193px;
position:absolute;
right:15px;
top:-182px;
width:178px;
}


#MenuGauche ul li{
width:200px;
list-style:none;
text-align:left;
text-transform:uppercase;
padding-top:5px;
padding-bottom:5px;
background-image:url(../images/fond-menu-gauche.gif);
background-position:left bottom;
background-repeat:no-repeat;
background-color:#616A73;
}

#MenuGauche ul li a, #MenuGauche ul li a:link, #MenuGauche ul li a:active, #MenuGauche ul li a:visited
{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
display:block;
background-image:url(../images/fond-li-menu-gauche.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:18px;

}
#MenuGauche ul li:hover{
	background-color:#BD0604;
}
#MenuGauche ul li a:hover{
font-size:11px;
color:#FFF;
text-decoration:none;
}
#MenuGauche ul li.SelectSsMenu{
	background-color:#BD0604;
}
#MenuGauche ul li.SelectSsMenu a{
	font-weight:bold;
}

#BlocRSS,#BlocResa,#BlocCarnet,#BlocMeteo{
}
.BlocCote{
	padding:5px 0px 5px 5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:10px;
}
.BlocCote H2{
	font-size:16px;
	font-weight:normal;
	text-align:right;
	line-height:20px;
	background-color:#C2C9D2;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	padding-right:5px;
	font-family:"Trebuchet MS", Verdana;
	font-weight:bold;
}

#BlocRSS.BlocCote H2{
	font-size:14px;
}

#BlocRSS.BlocCote H2 span{
	margin-right:10px;
}

#ColonneDroite .BlocCote H2 a{
	text-decoration:none;
}
.BlocCote H3{
	font-size:16px;
	font-weight:normal;
	text-align:right;
	line-height:20px;
	background-color:#e91801;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	padding-right:5px;
	font-family:"Trebuchet MS", Verdana;
	font-weight:bold;
	color:#FFFFFF;
}
.BlocCote .Contenu{
	padding:3px;
	text-align:center;
}
/****** WEBCAM *********/
#BlocWebcam{
padding-top:20px;
}

#BlocWebcam .Webcam{
	margin:5px;
}

#BlocWebcam .Webcam .Vignette{}
#BlocWebcam .Webcam .Vignette img{
	width:150px;
	border:2px solid #DDD;
}
#BlocWebcam .Webcam a{
	text-decoration:underline;
	font-size:10px;
	color:#FFF;
}


#DetailWebcam{
}

#DetailWebcam .Webcam{
	margin:5px;
	float:left;
	text-align:center;
}

#DetailWebcam .Webcam .Vignette{}
#DetailWebcam .Webcam .Vignette img{
	border:0px;
	width:175px;
	border:2px solid #DDD;
}
#DetailWebcam .Webcam a{
	color:#000;
	text-decoration:underline;
	font-size:10px;
}

#ListeWebcam{
}

#ListeWebcam h3
{
margin-left:10px;
}

#ListeWebcam .Webcam {
width:170px;
float:left;
margin:5px;
text-align:center;
}

#ListeWebcam .Webcam .Vignette img{
	width:150px;
	border:2px solid #c2c9d2;
}

#ListeWebcam .Webcam a{
font-size:11px;
font-weight:bold;
text-decoration:underline;
}


/****** METEO *********/

#BlocMeteo{}
#BlocMeteo .Jour{
	width:80px;
	float:left;
	text-align:center;
	position:relative;
}
#BlocMeteo .Jour a{
	text-decoration:none;
}
#BlocMeteo .Jour img{
	border:0px;
}
#BlocMeteo .Jour .Date{
	font-weight:normal;
	font-size:10px;
}
#BlocMeteo .Jour .Temperature{
	font-weight:bold;
	font-size:16px;
	position:absolute;
	right:0px;
	bottom:0px;
}


#DetailMeteo{}
#DetailMeteo .Jour{
	background-color:#F5F7FA;
	padding:10px;
	margin:10px;
}
#DetailMeteo .Date{
	font-size:14px;
	font-weight:bold;
	padding:3px;
}
#DetailMeteo .Icone{
	width:50px;
	float:left;
}

#DetailMeteo .Infosdujour{
	padding:5px;
	font-size:12px;
}
#DetailMeteo .DateBulletin{
	text-align:center;
	font-weight:bold;
}

/***************** Contact ******************/
#Contact table tr td .ChampLibelle
{width:90px;
font-size:12px;
}


#Contact table tr td .ChampComboTxt
{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}