/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#c2a063 url(../images/header-bg.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif}

p { font-size:12px; color:#444444}
p a { color:#FFFFFF; text-decoration:none}
p a:hover { color:#FFFFFF; text-decoration:underline}

h1 { font-size:19px; color:#FFFFFF; font-family:"Century Gothic", Arial, Helvetica, sans-serif}
h2 { font-size:15px; color:#666666; font-family:"Century Gothic", Arial, Helvetica, sans-serif}

.content{font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:10.5pt; color:#333333;}
.content h1{font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:14px; 
            color:#333333; font-weight:bold; border-bottom:1px dotted #333;
            padding-bottom:3px; margin-bottom:3px;
            }
.content h1 span{font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:10px; color:#555; }
            
input {color: #000;}
select {color: #000;}

/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/

#wrapall { background: #c2a063 url(../images/content-bg.jpg) top repeat-x;}
#wrapper { width:941px; margin:0 auto}
#wrapper2 { width:941px; margin:0 auto}
#wrapper3 { width:941px; margin:0 auto}


/*
---------------------------------------------
03. header
---------------------------------------------
*/

#header { height: 88px; }
.logo { float:left; padding-top:10px; padding-left:22px; }
.eclats-d-encre { padding-top:10px; padding-left:170px; padding-right:41px}
.pen { float:right; padding-left:41px; padding-right:170px}


/*
---------------------------------------------
04. Nav Haut
---------------------------------------------
*/

#navhaut { 
	background-image: url(../images/nav-bg.jpg); 
	background-position: center; 
	background-color: #ffffff; 
	height: 40px;
	padding-left: 200px;
}
.item { 
	color: #333333; 
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	background: url(../images/nav-sep.jpg) right top no-repeat; 
	width: 90px;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 10px;
	text-decoration:none;
}
.item:hover { color: #FF6600; text-decoration:underline; }
.item-last { 
	color: #333333; 
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	width: 150px;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 10px;
	text-decoration:none;
}
.item-last:hover { color: #FF6600; text-decoration:underline; }

/*
---------------------------------------------
05. Contenu
---------------------------------------------
*/

div.inner {
	padding: 10px 24px;
}
div.inner p {
	color:#FFFFFF;
}
#footer{
	font-size: 10px;
	background-color: #c2a063;
	color: #ffffff;
	text-align: right;
	height: 65px;
}
#footer a{
	font-size: 10px;
	background-color: #c2a063;
	color: #ffffff;
	text-align: right;
}

#container-wrap {
	/*height: 500px;*/
}

#leftcol {
	background: #c2a063 url(../images/leftcol_bg.jpg) right top no-repeat;
	width: 186px;
	/*height: 500px;*/
	float: left;
}

#rightcol {
	background: #c2a063 url(../images/rightcol_bg.jpg) left top no-repeat;
	width: 206px;
	/*height: 500px;*/
	float: right;
}

#maincol {
	width: 549px;
	float: left;
	/*height: 800px;*/
	background: #ffffff;
}
#banner {
	height: 178px;
	background: url(../images/main_header.jpg) left top no-repeat;
}
#banner-content {
	margin: 70px 25px 0 0;
	width: 325px;
	text-align: right;
	float: right;
}
#banner h1 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 8px;
	text-transform: uppercase;
}



#content-wrap {
	background: url(../images/main_footer.jpg) left top repeat-y;
}

#content-wrap p{
	font-size: 10.5pt;
}

#content {
	background: url(../images/main_footer1.jpg) left bottom no-repeat;
	padding: 6px 15px 35px;
}

#content a {
	color: #999966;
	font-size: 10.5pt;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}



h1, h2, h3, h4, h5 {
	font-weight: normal;
	color: #999;
}

h1 { font-size: 3em; }

h1, h2, h3, h4, h5, p, ul { margin: 10px 0; }

h2 { font-size: 2.4em; }

h3 { font-size: 1.8em; }

h4 { border-bottom: 1px solid; font-size: 14px;}

.yellow {
	color: #999966;
	font-weight: bold;
}

.f14 {
	font-size: 16px;
}
a.item-navleft { 
	color: #FFFFFF; 
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	/*background: url(../images/dot-nav.png) left no-repeat;*/
	width: 150px;
	height: 20px;
	text-align: left;
	padding-top: 10px;
	text-decoration:none;
}
a.item-navleft-on { 
	color: #FFFFFF; 
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	width: 150px;
	height: 20px;
	text-align: left;
	padding-top: 10px;
	text-decoration:underline;
}
a.item-navleft:hover { text-decoration:underline; }

.titre_col{
	font-weight: bold; 
	font-size: 13px; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	border-bottom: 1px solid; 
	padding-bottom: 3px;
	margin-bottom: 20px;
}







/*
---------------------------------------------
05. Formulaire
---------------------------------------------
*/
#FormRecherche {
	MARGIN: 0px; PADDING: 0px;
}
#recherche{
	float: left;
	padding-left: 15px;
	padding-top: 8px;
}
.search{
	border: 1px solid #cccccc;
	width: 135px;
	padding-left: 5px;
}
#sendsearch{
	width: 25px;
	height: 17px;
	border: 1px solid #cccccc;
}


#inscription {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 450px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}
FIELDSET {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; WIDTH: 400px; PADDING-RIGHT: 3px; BACKGROUND: #f1f1f1; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 3px
}
FIELDSET LEGEND {
	PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BACKGROUND: #cca383; FONT-WEIGHT: bold; PADDING-TOP: 6px
}
#titreForm {
	PADDING-BOTTOM: 0.5em; MARGIN: 0px; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 0.5em
}
#piedForm {
	PADDING-BOTTOM: 0.5em; MARGIN: 0px; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 0.5em
}
#corpForm FIELDSET {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#corpForm P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#piedForm INPUT {
	MARGIN-LEFT: 1em; FONT-WEIGHT: bold
}
#corpForm {
	PADDING-BOTTOM: 1em; MARGIN: 0px; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #111111; FONT-SIZE: 12px; PADDING-TOP: 1em
}
#corpForm FIELDSET {
	PADDING-BOTTOM: 1em; FONT-STYLE: normal; MARGIN: 0px; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 0px
}
#corpForm LEGEND {
	FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666666; FONT-SIZE: 15px; FONT-WEIGHT: bold
}
#corpForm P {
	PADDING-BOTTOM: 0.2em; MARGIN: 0px 0px 0.2em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0.2em
}
#corpForm FIELDSET#coordonnees LABEL {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.8; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 30%; PADDING-RIGHT: 0.5em; FLOAT: left; COLOR: #111111; PADDING-TOP: 0px
}
#corpForm LABEL:hover {
	CURSOR: pointer
}
#piedForm INPUT {
	CURSOR: pointer
}
#corpForm LABEL.oblig {
	FONT-WEIGHT: bold
}
#corpForm A.aide {
	TEXT-DECORATION: none
}
#corpForm A.aide IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#corpForm TEXTAREA {
	color: #000000;
}
#corpForm .alerte {
	BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid
}
#corpForm .messageAlerte {
	MARGIN: 0px 0px 0.3em 0.3em; PADDING-LEFT: 2em; DISPLAY: block; COLOR: red; FONT-WEIGHT: bold
}
.informatique {
	FONT-FAMILY: Tahoma, Geneva, sans-serif; COLOR: #666; FONT-SIZE: 10px
}
.message {
	color: #FF2222;
	width: 430px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}