/* CSS Document */

.gris { color: #999999; }
.rouge { color: #ff0000; }
.bleu { color: #0000ff; }
.vert { color: #00ff00; }

html, body, #page { 
height: auto;
width: auto;
margin: 0; padding: 0;
display: block; position: relative;
}
body {
background-color:#cccccc;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
overflow:scroll;
/*background-image:url(img/cercles-roses.png);*/
}

#page {
/*display: block; position:relative;
background-image:url(img/cercles-verts.png);
top: 0; bottom: 0;
margin: -10px 0 0 0;
padding: 10px 0 10px 0;*/
}

* input { 	font-size: 100%; }

.nbrcar {
	border: 0 none #ffffff; 
	width: 1.7em;
	text-align:right;
	margin-right: 2px;
}

#contenuSite {
display: block;
position: relative;
height: 100%;
width: 750px;
margin: 10px auto 10px auto;
border: 1px solid #aaaaaa;
border-right: 15px solid #aaaaaa;
background-color:#FFFFFF;
color: #000000;
padding: 0 10px 10px 10px;
}
h1 {
position: relative; display: block;
color:#0099FF;
margin:50px 0 0 0; padding:0;
font-size: 3em;
letter-spacing: -.06em;
left: -.3em;
top: -.3em;
cursor:default;
}
h1 span.car1, h1 div.car2 { color : #18BC1D;}
h1 div.car2 { 
width: 20px; text-align: left; display: inline;  
position: absolute; 
text-align: center;
margin-left: -.15em; margin-top: -.2em;
font-size: 1.6em; }
h1 span.car1 { top: .08em; position: relative;}
h1 span.elfronto, h1 span.car2, h1 small { left: -.18em; position: relative; }
h1 span.elfronto big{ font-size: 1.3em;}
h1 small { font-weight: normal; font-size: .28em; letter-spacing: normal; color: #000000;}

#logo a, #logo a:link, #logo a:link, #logo a:visited {
text-decoration:none; color:#0099FF;
display: inline; position: relative; width: auto;
}
#logo a:hover {
text-decoration:none; 
color: #FF0FED;
cursor:default;
}


h2 {
color:#0099FF;
margin:0;
font-size: 1.5em;
border-bottom: 1px dotted #dddddd;
cursor: default;
}

#contenu { top: -.3em; display:block; position: relative;}

#fiche {
margin-top:1em;;
}
#fiche strong {
/*display:block;
position:relative;
width: 11em;
margin-right: 1em;
float:left; clear:left;
color: #18BC1D;
padding-top: .2em;*/
color: #aaaaaa;
font-weight: normal;
}
.sc { 
font-size: 1.1em; font-weight:bold; color: #FF0FED;
}
#contenu a, #contenu a:link, #contenu a:visited,
#menu li a, #menu li a:link, #menu li a:visited 
{
color: #009900;
text-decoration:none;
border-bottom: 1px dotted #FF0FED;
}
#contenu a:hover, #menu a:hover  {
color: #FF0FED !important;
}

#menu { 
margin: .8em 0 2em 0; padding: .3em .3em 1.5em .3em; 
background-color:#fefefe; border-bottom: 1px dotted #CCCCCC;
} 
#menu li { 
display:inline; margin: 0 .3em 0 0; 
border-right: 1px dotted #000; padding: 0 .3em 0 0; 
}

.coo {
border-style:none; 
width: 25px;
font-size: .8em;
color: #ffffff;
}

.menuSelected {
color: red !important;
}

#panoramique { 
border: 2px solid #ffffff; 
display: block;
position:relative;
/*width: <?php echo $width; ?>px;
height: <?php echo $height; ?>px;*/
}
.clearer { float: none; clear:both; height: 1px;}
.gss a img {border : none;}
.gss {
/*width: 288px;
height: 216px;*/
/*width: 144px;
height: 108px;*/
width: 200px;
height: 150px;
color: #dddddd;
background-color: #000000;
padding: 8px;
float: right;
display:block;
position: relative;
margin:1em 1em 0 0;
}

textarea {
border: 1px solid #CCCCCC;
border-left: .3em solid #000000;
padding: .3em;
}

#monoSlideshow {
border: 10px solid #dddddd;
padding:0;
margin: 0;
width: 720px;
height: 541px;
margin-bottom: 20px;
}