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



/* STYLES GLOBAL
/////////////////
*/
body {
	position:relative;
	width:auto;
	margin:0 auto;
	background-color:#FFF;
	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:100%;
	background-image:url(../images/main/SitebodyBg.png);
	background-position:0 0;
	background-repeat:repeat-x;
}

div#SiteBody div#Header {
	width:950px;
	height:127px;
	margin:0 auto;
	padding:0;
}

div#DefilBar {
	width:100%;
	height:18px;
	background-color:#caff81;
	background-image:url(../images/main/DefilBlocBg.png);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:0;
}
div#DefilBar marquee {
	margin:2px 0 0;
	color:#000;
	font-size:0.9em;
}
div#DefilBar a {
	color:#5E9F00;
	border-bottom:1px dotted;
}

div#SiteMain {
	width:900px;
	min-height:700px;
	margin:20px auto 0;
	padding:0;
}


/** MENU HORIZONTAL **/
div#Menu {
	width:100%;
	height:28px;
	margin:0 auto;
	padding-left:15px;
	font-size:1em;
	font-weight:bold;
}
div#Menu li {
	list-style-type:none;
	display:inline-block;
	margin:0;
	padding:0;
	background-image:url(../images/main/Btns.png);
	background-position:100% 100%;
	background-repeat:no-repeat;
}
div#Menu li:hover {
	background-position:100% 0;
}
div#Menu li.current {
	background-position:100% 0;
}
div#Menu li a {
	display:block;
	line-height:28px;
	margin-right:15px;
	padding:0 5px 0 20px;
	background-image:url(../images/main/Btns.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	color:#444;
}
div#Menu li:hover a {
	background-position:0 0;
	color:#000;
}
div#Menu li.current a {
	background-position:0 0;
	color:#000;
}
/** FIN MENU HORIZONTAL **/


div#MainT {
	width:100%;
	height:12px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/main/MainTBg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0.01em;
}
div#Main {
	min-height:200px;
	margin:0 auto;
	padding:5px 0 5px;
	background-color:#D6D6D6;
	background-image:url(../images/main/ContentBg.png);
	background-position:0 0;
	background-repeat:repeat-x;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	font-size:0.9em;
}

div#Main div.content {
	margin:0 0 0 10px;
	width:650px;
	float:left;
}
div#Main div.content a {border-bottom:1px dotted;}

div#Main div.content table {
	background-color:#F4F4F4;
	/*background-image:url(../images/main/ContentBg.png);
	background-position:0 0;
	background-repeat:repeat-x;*/
	border-collapse:collapse;
}
div#Main div.content div {
	clear:both;
	margin:0;
	padding:0;
}
div#Main div.content img {
	/*margin:3px 10px 3px 0;*/
	vertical-align:baseline;
}
div#Main div.content img.trademark {margin:5px 0 0 0; vertical-align:text-bottom;}

div#Footer {
	width:900px;
	height:127px;
	margin:0 auto;
	padding-top:17px;
	background-image:url(../images/main/FooterBg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0.9em;
	text-align:center;
	color:#FFF;
}
div#Footer a {
	font-weight:bold;
	color:#91e024;
}
div#Footer span {
	font-size:0.8em;
	color:#FFF;
}

div.ToTop {margin-top:15px;font-size:0.9em;font-weight:bold;text-align:center;}
div.ToTop img {vertical-align:text-bottom;}
div.ToTop a {color:#444;}




/* TABLEAU D'ITEMS
///////////////////
*/
table.ItemsTable {border:1px solid #bbb;margin:0 auto;}
table.ItemsTable th {background-color:#B6B6B6;color:#555;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:#EEFCDC;}
table.ItemsTable tr.ItemsLine2 {background:#E2F9C2;}
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;border-bottom:0;}




/* BLOC MODULES
////////////////
*/
div.BlocMod {
	float:right;
	width:205px;
	margin:0 10px 5px 0;
	background-color:#555;
}
div.BlocMod .ModT {
	height:8px;
	background-image:url(../images/main/ModBg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0.01px;
}
div.BlocMod .ModT2 {
	height:8px;
	background-image:url(../images/main/ModBg.png);
	background-position:0 -8px;
	background-repeat:no-repeat;
	font-size:0.01px;
}
div.BlocMod .ModM {
	padding:0 4px;
	border-left:2px solid #F9F9F9;
	border-right:2px solid #F9F9F9;
	color:#EEE;
	text-align:left;
}
div.BlocMod .ModM h2 {font-size:1.3em;color:FFF;font-weight:bold;margin-bottom:8px;}
div.BlocMod .ModM a {color:#91E024;}
div.BlocMod .ModM a:hover {border-bottom:1px dotted;}
div.BlocMod .ModB {
	height:8px;
	background-image:url(../images/main/ModBg.png);
	background-position:0 -16px;
	background-repeat:no-repeat;
	font-size:0.01px;
}





/* PANEL CONNEXION
///////////////////
*/
div.LoginPanel {
	width:300px;
	margin:20px auto;
	padding:8px;
	background:#c0c0c0 url(../images/main/LoginPanelBg.jpg) top repeat-x;
	border:2px solid #F4F4F4;
	-moz-border-radius:10px;
	color:#222;
	text-align:center;
}





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





/* BLOC PUBLICATION
////////////////////
*/
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;}





/* IMAGES ARTICLE
//////////////////
*/
div.ArticleImg {width:100%;}
div.ArticleImg div.Img {float:left;text-align:center;}
div.ArticleImg div.CodeImg {width:160px;float:right;text-align:right;}





/* STYLES DE MISE EN PAGE
//////////////////////////
*/
blockquote {background-color:#ebebeb;border:1px solid #dbdbdb;font-size:0.8em;margin:0 1px 0 5px;overflow:hidden;padding:5px 5px 5px 25px;}
blockquote {background-image:url(../images/main/blockquote.gif);background-position:6px 6px;background-repeat:no-repeat;border-color:#DBDBCE;}

div.Clr {clear:both;}
div.AddBox {width:210px;margin:15px 0;padding:4px;background:#FFF;-moz-border-radius:5px;font-weight:bold;text-align:center;border:1px solid #d9d9d9;}
div.AddBox a {display:block;_height:0.0000001%;border-bottom:0;}
div.BlocItems {padding:8px;background-color:#F3F3F3;font-size:1em;color:#222;border:1px solid #BBB;-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:70%;margin:15px auto;padding:4px 10px;background-color:#FFDFDF;text-align:center;color:#FF2020;font-weight:bold;border:1px solid #FF6F6F;}
p.Succes {width:70%;margin:15px auto;padding:4px 10px;background-color:#E7FACC;text-align:center;color:#6ABF23;font-weight:bold;border:1px solid #C5E3B7;}
p.SubTitre {margin:5px auto 12px 15px;font-size:1.2em;text-align:left;color:#000;}

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;}

hr {width:auto;border:0;border-bottom:1px solid #999;}

iframe {border:0;}

ul {padding-left:25px;margin:10px 0;}
li {list-style-type:disc;}

a.link1:link, a.link1:visited {font-size:1.2em;font-weight:bold;border-bottom:1px dotted;}
a.normlink:link, a.normlink:visited {font-weight:bold;border-bottom:1px dotted;}

h1.Navlinks {
	margin:0 auto 15px;
	font-size:1.7em;
	font-weight:bold;
	text-align:left;
	color:#555;
}
h1.Navlinks a {color:#479507;font-weight:bold;}
h1.Navlinks img {border:0;vertical-align:middle;margin:0 8px;}

div.Titre {margin:10px 15px;border-bottom:2px dotted #999;font-size:1.5em;color:#555;}




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

form {margin:0; padding:0;}

/* INPUT */
input.extendable {background:#EEE url(../images/main/thead.gif) 0 0 repeat-x;border:1px solid #999;-moz-border-radius:5px;padding:2px 3px;}
input.extendable:focus {background-position:0 -40%;border:1px solid #CCC;}
input.norm1 {background:#EEE url(../images/main/thead.gif) 0 0 repeat-x;border:1px solid #555;-moz-border-radius:7px;padding:0 3px;width:150px;}
input.norm1:focus {border:1px solid #999;}
input.norm2 {background-color:#F9FCF8;border:1px solid #555;-moz-border-radius:7px;padding:0 3px;width:50px;}
input.norm2:focus {background-color:#FEFEFE;border:1px solid #999;}
input.file1 {font-size:0.8em;}
input.submit1 {background-color:#F9FCF8;border:1px solid #555;-moz-border-radius:7px;font-size:1.3em;cursor:pointer;}
input.submit1:focus {background-color:#FFF;border:1px solid #999;}
input.submit2 {background-color:#F9FCF8;border:1px solid #555;-moz-border-radius:7px;font-size:1em;cursor:pointer;}
input.submit2:focus {background-color:#FFF;border:1px solid #999;}
input.radio {vertical-align:bottom;border:0px;}

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

/* TEXTAREA */
textarea.norm1 {background-color:#F9FCF8;border:1px solid #555;-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 #999;}
textarea.copy {background-color:#FFF;border:1px dashed #999;padding:2px 3px;font-size:0.8em;}
textarea.copy:focus {border:1px dashed #CCC;}