/* encadre sujet */
#sujet{ width: auto; overflow: hidden;border:solid 1px  #003200; background-color: #dddddd;margin:5px 5px 0px 5px;}
#sujet{ padding: 5px 5px 5px 5px;}
/* encadre */
#inter { width: auto; overflow: hidden; border:solid 1px #003200; background-color: #dbe898;margin:5px; }
#inter { padding: 5px 5px 5px 5px;}

#colonne_g { width: 45%; float:left;border:solid 1px #003200; background-color: #dbe898;margin:5px; }
#colonne_g { padding: 5px 5px 5px 5px;}
#colonne_d { width: 45%;float:right; border:solid 1px #003200; background-color: #dbe898;margin:5px; }
#colonne_d { padding: 5px 5px 5px 5px;}

/* image float left */
.folder {float: left;margin: 0px 5px;width:100px;height:100px;}
.mini-folder {float: left;margin: 0px 5px 0px 0px;width:64px;height:64px;}
.video { float: left;margin: 0px 5px 0px 0px;width:163px;height:94px;}
.annonce {float: left;margin: 0;width:105px;height:80px;}

.thumb { margin: 5px 5px 5px 5px;height:100px;} /*width:100px;*/
.mini-thumb { margin: 5px 5px 5px 5px;width:50px;height:50px;}

/*  les classes */
ul.square {list-style-type:square;}
div.centrage {text-align: center;}
.stabirouge { background-color: red;color: black; }
.stabijaune { background-color: yellow;color: black; }
.stabivert { background-color: lime;color: black; }
.stabibleu { background-color: blue;color: black; }
.stabiblanc { background-color: white;color: black; }
.date{margin: 0 0 0 5px;font-style: italic;color: green;}
.important{font-style:bold;background-color: white;color:maroon;}
.titre{font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;font-weight: normal;font-size: 2em;color:#003300;}
.titre2{font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;font-weight: normal;font-size: 2em;color:#cbd888;}
.s-titre{font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;font-weight: normal;font-size: 1.5em;color:#003300;font-style: italic;}
.s-titre2{font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;font-weight: normal;font-size: 1.5em;color:#cbd888;font-style: italic;}
.texte{font-weight:bold;font-style: italic;font-size: .9em;color: #606060;}
.texte2{font-weight:normal;font-size: .85em;color: #000000;}
/* cadre rouge */
.reponse{ width: 100px; height: auto;float: right;border: solid 1px #FF0000;text-align: center;	margin: 1px;font-size: .8em;color: #000000; }
.photovote{ width: 80px; height: auto;float: right;border: solid 1px #FF0000;text-align: center;margin: 1px;font-size: .8em;color: #000000; }
.bonjour{ height: 20px;border: solid 1px #006600;text-align: center;margin: 1px;font-size: .8em;background-color:#003200;}

div#logos img { border: 2px solid #006600; padding: 1px;}

#scrollbox {width:400px; height:200px; overflow:auto;}
#circuits {width:616px; height:501px; padding:0; margin:0; list-style:none; background:url(img/circuits.jpg) no-repeat;}
#activites{	height: 70px;margin:0px 5px 0px 5px;background: url(img/activites.jpg) left top;}
#gites{	height: 70px;margin:0px 5px 0px 5px;background: url(img/gites.jpg) left top;}
#categorie {margin:auto;WIDTH:200px;}


/* cadre en 3D */
.raised { MARGIN: 0px auto; WIDTH: 99%; BACKGROUND: none transparent scroll repeat 0% 0% }
.raised H1 { MARGIN: 0px 10px }
.raised P {	MARGIN: 0px 10px }
.raised H1 { LETTER-SPACING: 1px; COLOR: #003200; FONT-SIZE: 2em }
.raised P { PADDING-BOTTOM: 0.5em }
.raised .top { DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 1px }
.raised .bottom { DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 1px }
.raised .b1 { DISPLAY: block; OVERFLOW: hidden }
.raised .b2 { DISPLAY: block; OVERFLOW: hidden }
.raised .b3 { DISPLAY: block; OVERFLOW: hidden }
.raised .b4 { DISPLAY: block; OVERFLOW: hidden }
.raised .b1b { DISPLAY: block; OVERFLOW: hidden }
.raised .b2b { DISPLAY: block; OVERFLOW: hidden }
.raised .b3b { 	DISPLAY: block; OVERFLOW: hidden }
.raised .b4b { DISPLAY: block; OVERFLOW: hidden }
.raised .b1 { HEIGHT: 1px }
.raised .b2 { HEIGHT: 1px }
.raised .b3 { HEIGHT: 1px }
.raised .b1b { HEIGHT: 1px }
.raised .b2b { HEIGHT: 1px }
.raised .b3b { HEIGHT: 1px }
.raised .b2 { BORDER-LEFT: #fff 1px solid; BACKGROUND: #FF6533; BORDER-RIGHT: #eee 1px solid }
.raised .b3 { BORDER-LEFT: #fff 1px solid; BACKGROUND: #FF6533; BORDER-RIGHT: #ddd 1px solid }
.raised .b4 { BORDER-LEFT: #fff 1px solid; BACKGROUND: #FF6533; BORDER-RIGHT: #aaa 1px solid }
.raised .b4b { BORDER-LEFT: #eee 1px solid; BACKGROUND: #FF6533; BORDER-RIGHT: #999 1px solid }
.raised .b3b { BORDER-LEFT: #ddd 1px solid; BACKGROUND: #FF6533; BORDER-RIGHT: #999 1px solid }
.raised .b2b { BORDER-LEFT: #aaa 1px solid; BACKGROUND: #FF6533; BORDER-RIGHT: #999 1px solid }
.raised .b1 { MARGIN: 0px 5px; BACKGROUND: #fff }
.raised .b2 { BORDER-RIGHT-WIDTH: 2px; MARGIN: 0px 3px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px }
.raised .b2b { BORDER-RIGHT-WIDTH: 2px; MARGIN: 0px 3px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px }
.raised .b3 { MARGIN: 0px 2px }
.raised .b3b { MARGIN: 0px 2px }
.raised .b4 { MARGIN: 0px 1px; HEIGHT: 2px }
.raised .b4b { MARGIN: 0px 1px; HEIGHT: 2px }
.raised .b1b { MARGIN: 0px 5px; BACKGROUND: #999 }
.raised .boxcontent { BORDER-LEFT: #fff 1px solid; DISPLAY: block; BACKGROUND: #FF6533; BORDER-RIGHT: #999 1px solid }