/*********************************************/
									/**  Interface Graphique créée par :		**/
									/**  ABCréa © 2009 - LEMOINE Daniel			**/
									/**  contact: contact@abcrea-solutions.com	**/
									/*********************************************/



/* STYLES GLOBAL
/////////////////
*/
body {
	position:relative;
	width:auto;
	margin:auto;
	background-color:#0a2100;
	background-image:url(../images/main/Background.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
	behavior:url(../css/csshover.htc);
}

a:link {color:#479507; text-decoration:none;}
a:visited {color:#479507; text-decoration:none;}
a:active {color:#479507; text-decoration:none;}
a:hover {color:#479507; text-decoration:none;}

div#SiteBody {
	width:772px;
	margin:0 auto;
	background-image:url(../images/main/SiteBody_bg.png);
	background-position:0 0;
	background-repeat:repeat-y;
}

div#SiteBody div#Header {
	width:764px;
	height:165px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/main/Header_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

div#Flags {position:relative;padding:2px 4px;font-size:0.01em;}
div#Flags a {margin:0 3px;}

div#Navbar {
	width:100%;
	margin:0;
	padding:125px 0 0 0;
	font-size:0.9em;
	text-align:center;
}
div#Navbar a {
	display:inline;
	height:20px;
	margin:0 15px;
	color:#FFF;
	font-weight:bold;
}
div#Navbar a:hover {border-bottom:0px;}

div#Menu {
	float:left;
	width:175px;
	margin:8px 0 0;
	padding-left:15px;
	font-size:0.9em;
}
div#Menu span {font-weight:bold;}
div#Menu li {list-style:url(../images/main/puce01.gif);list-style-position:outside;margin:3px 0 0 20px;padding:0;}
div#Menu li.bold {font-weight:bold;}
div#Menu li.current {margin-left:25px;font-weight:bold;}
div#Menu li a:hover {border-bottom:1px dotted #479507;}

div#Main {
	float:right;
	width:550px;
	margin:8px 0 0;
	padding-right:15px;
	font-size:0.9em;
}

div.Photos {width:100%;text-align:center;}
div.Photos .PhotoItem {width:50%;display:inline-block;margin-top:5px;}

div#Footer {
	width:772px;
	height:18px;
	line-height:45px;
	margin:0 auto;
	background-image:url(../images/main/SiteBody_b.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:center;
	color:#FFF;
}


div#PopMessage {
	margin:150px auto 0;
	padding:8px;
	width:350px;
	color:#000;
	background-color:#FFF;
	border:1px solid #0A2100;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}




/* TABLEAU D'ITEMS
///////////////////
*/
table.ItemsTable {width:100%;border:1px solid #9CCA89;}
table.ItemsTable th {background-color:#6f9d52;color:#EEE;height:25px;font-size:1.1em;font-weight:bold;}
table.ItemsTable th {background-image:url(../images/main/thead.gif);}
table.ItemsTable th {background-position:0 10%;}
table.ItemsTable th {background-repeat:repeat-x;}
table.ItemsTable tr.ItemsLine1 {background:#e8f2e4;}
table.ItemsTable tr.ItemsLine2 {background:#dbead4;}
table.ItemsTable tr:hover {background:#FCFEFC;}
table.ItemsTable tr.ItemsLine0 {background:#FFCFCF;}
table.ItemsTable td {color:#000;font-size:1em;}
table.ItemsTable td a {font-weight:bold;}





/* BLOC FORMULAIRE
///////////////////
*/
div.BlocFormulaire {width:95%;margin:20px auto 0;font-size:11px;color:#444;}
div.BlocFormulaire table {width:100%; font-size:11px;color:#444;}
div.BlocFormulaire td {color:#000;height:18px;}
div.BlocFormulaire td.Spacer {padding:10px 0;}





/* BLOC FORMULAIRE
///////////////////
*/
div.BlocPublication1 {padding:6px;margin:3px 0;background-color:#F9FCF8;font-size:1em;color:#222;border:1px solid #C5E3B7;-moz-border-radius:10px;}
div.BlocPublication2 {padding:6px;margin:3px 0;background-color:#F3F8F0;font-size:1em;color:#222;border:1px solid #C5E3B7;-moz-border-radius:10px;}
div.BlocPublication1 .BlocProfil, div.BlocPublication2 .BlocProfil {width:100px;float:left;text-align:center;border-right:1px solid #C5E3B7;}
div.BlocPublication1 .BlocProfil .Avatar, div.BlocPublication2 .BlocProfil .Avatar {width:100%;margin-top:7px;text-align:center;}
div.BlocPublication1 .Message, div.BlocPublication2 .Message {width:78%;float:right;}
div.BlocPublication1 .Message .Date, div.BlocPublication2 .Message .Date {width:100%;text-align:right;font-size:9px;font-family:Arial, Verdana;color:#999;margin-bottom:2px;}





/* STYLES DE MISE EN PAGE
//////////////////////////
*/
div.BlocItems {padding:8px;background-color:#F3F8F0;font-size:1em;color:#222;border:1px solid #C5E3B7;-moz-border-radius:10px;}

span.NoteSmall {font-size:9px; color:#555555; font-weight:normal; text-transform:none;}
span.NoteSmallGreen {font-size:9px; color:#478F23; font-weight:normal; text-transform:none;}
span.NoteSmallRed {font-size:9px; color:#CC0000; font-weight:normal; text-transform:none;}
span.NoteSmall2 {font-size:11px; color:#333333; font-weight:normal; text-transform:none;}
span.NoteMedium {font-size:12px; color:#0F0F0F; font-weight:normal;}
span.NoteMedium2 {font-size:12px; color:#0F0F0F; font-weight:normal; font-style:italic;}
span.NotePrix {font-size:9px; color:#3366CC; font-weight:normal; text-transform:none;}

span.Erreur {font-size:11px;color:#FF2020;font-weight:normal;}
span.Succes {font-size:11px;color:#0F0F0F;font-weight:normal;}

p.Erreur {width:85%;font-size:11px;font-weight:bold;text-align:center;color:#FF2020;border:1px solid #C5E3B7;padding:4px 10px;margin-top:20px;}
p.Succes {width:85%;font-size:11px;font-weight:bold;text-align:center;color:#6ABF23;border:1px solid #C5E3B7;padding:4px 10px;margin-top:20px;}

fieldset.legend1 {margin-top:20px; background:#E2F4FE; border:1px solid #ABDCF7; font-size:11px; color:#222222;}
fieldset.legend1 legend {color:#555555;font-weight:bold;padding:0 7px;}
fieldset.legend1 p {margin:2px 0;}
fieldset.legend2 {margin-top:20px; background:#EEE; border:1px solid #ABDCF7; font-size:11px; color:#222222;}
fieldset.legend2 legend {color:#555555; font-weight:bold;}
fieldset.legend2 p {margin:2px 0;}

a.link1:link, a.link1:visited {font-size:1.2em;font-weight:bold;}
a.Green:link, a.Green:visited {color:#090;}
a.Red:link, a.Red:visited {color:#C00;}

h1.Chemin {
	margin:3px auto 12px;
	padding:0 0 2px 10px;
	border-bottom:1px solid #b4d3a6;
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
	color:#479507;
}
h1.Chemin a {color:#479507;font-weight:bold;}
h1.Chemin img {border:0;vertical-align:middle;margin:0 8px;}
h2.SubTitre {margin:3px auto 12px;padding:0 0 2px 10px;font-size:1.2em;text-align:left;color:#479507;}




/* FORMULAIRES
///////////////
*/

form {margin:0; padding:0;}

/* INPUT */
input.extendable {background-color:#E0E0E0;border:1px solid #517E2D;-moz-border-radius:7px;padding:0 3px;}
input.extendable:focus {background-color:#FEFEFE;border:1px solid #88B671;}
input.norm1 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;padding:0 3px;width:150px;}
input.norm1:focus {background-color:#FEFEFE;border:1px solid #88B671;}
input.norm2 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;padding:0 3px;width:50px;}
input.norm2:focus {background-color:#FEFEFE;border:1px solid #88B671;}
input.file1 {font-size:0.9em;}
input.submit1 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;font-size:1.3em;cursor:pointer;}
input.submit1:focus {background-color:#FFF;border:1px solid #88B671;}
input.submit2 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;font-size:1em;cursor:pointer;}
input.submit2:focus {background-color:#FFF;border:1px solid #88B671;}
input.radio {vertical-align:bottom;border:0px;}

/* SELECT */
select.norm1 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;padding:0 3px;width:150px;font-size:1.1em;}
select.norm1:focus {background-color:#FEFEFE;border:1px solid #88B671;}
select.norm2 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;padding:0 3px;width:80px;font-size:1.1em;}
select.norm2:focus {background-color:#FEFEFE;border:1px solid #88B671;}
select.norm3 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;padding:0 3px;width:100px;font-size:1em;}
select.norm3:focus {background-color:#FEFEFE;border:1px solid #88B671;}

/* TEXTAREA */
textarea.norm1 {background-color:#F9FCF8;border:1px solid #517E2D;-moz-border-radius:7px;width:95%;padding:0 3px;margin-top:5px;font-size:11px;font-family:Arial, Verdana, Helvetica;}
textarea.norm1:focus {background-color:#FEFEFE;border:1px solid #88B671;}