/* CSS Document */

html, body{width:100%}
html{font-size:100%;}
body{
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#010100;
	background:#ede4dd url(../medias/img/fond_body.gif) repeat-x left 44px;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#main{
	position:relative;
	margin:0 auto;
	width:885px;
}


/*----TETIERE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#tetiere{
	float:left;
	width:885px;
	height:173px;
}
#logo{
	z-index:2;
	position:absolute;
	top:0;left:-22px;
	width:175px;
	height:122px;
}
#tetiere h2{
	font-size:10px;
	color:#e2047c;
	text-transform:uppercase;
	padding:6px 0 0 120px;
}
#tetiere h2 a{
	text-decoration:none;
	color:#000000;
}
#tetiere h2 a:hover{text-decoration:underline;}
#tetiere p{
	color:#ede4dd;
	line-height:15px;
	font-size:10px;
	padding:30px 25px 0 180px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----CONTENT----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#content{
	float:left;
	width:885px;
	padding:0 0 30px 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----COLONNE GAUCHE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#colGauche{
	float:left;
	width:291px;
	padding:0 6px 0 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----COLONNE PRINCIPALE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#colMainHome{
	float:left;
	width:588px;
}
#innerColGauche{
	float:left;
	width:291px;
	padding:0 6px 0 0;
}
#innerColDroite{
	float:left;
	width:291px;
}
#innerColMain{
	float:left;
	position:relative;
	width:588px;
	margin:6px 0 0 0;
}
#subscribeBar{
	float:left;
	width:193px;
	padding:0 17px 0 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----GENERIQUE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.encarIllustration{
	overflow:hidden;
	_float:left;
	position:relative;
	height:118px;
}
.encarIllustration img{display:block;}
.encarIllustration div{
	position:absolute;
	left:0;top:59px;
	width:281px;
	height:18px;
	padding:41px 10px 0 0;
	text-align:right;
	font-size:11px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.encarIllustration div a{text-decoration:none;}
.encarIllustration div a:hover{text-decoration:underline;}
.illustr_1{
	background-image:url(../medias/img/illustr_encar_1.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./medias/img/illustr_encar_1.png', sizingMethod='crop');
}
.illustr_2{
	background-image:url(../medias/img/illustr_encar_2.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./medias/img/illustr_encar_2.png', sizingMethod='crop');
}
.illustr_3{
	background-image:url(../medias/img/illustr_encar_3.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./medias/img/illustr_encar_3.png', sizingMethod='crop');
}

.colType{
	background:#ffffff url(../medias/img/fond_colonne_type.gif) no-repeat left bottom;
	padding:9px;
}

.encarType{
	min-height:220px;
	_height:220px;
	border:1px solid #ebebea;
	background:#fffefe url(../medias/img/fond_degrade_encar_1.jpg) repeat-x left bottom;
	list-style-type:none;
	padding:4px;
}
.encarType a{text-decoration:none;color:#010100;}
.encarType.orange a:hover{color:#fd700e;}
.encarType.vert a:hover{color:#8e911b;}
.encarType.rose a:hover{color:#d51398;}
.encarType a:hover{text-decoration:underline;}
.encarType li{padding:0 0 13px 0;}
.encarType li p{padding:0 6px;}
.encarType li h5{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	letter-spacing:.001em;
	line-height:35px;
	padding:0 0 0 45px;
}
.encarType li h5.infos{
	background:url(../medias/img/icons/infos.png) no-repeat left top;
}
.encarType li h5.outils{
	background:url(../medias/img/icons/outils.png) no-repeat left top;
}
.encarType li h5.guide{
	background:url(../medias/img/icons/guide.png) no-repeat left top;
}
.encarType li h5.pratique{
	background:url(../medias/img/icons/pratique.png) no-repeat left top;
}
.encarType li ul{
	list-style-type:disc;
	padding:0 20px;
}
.encarType li ul li{
	text-transform:none;
	font-size:11px;
	font-weight:normal;
	padding:0 0 4px 0;
}
.encarType li.form{
	padding:0 20px 5px 20px;
}
.encarType li.form label{
	cursor:pointer;
}
.encarType li.form input{
	font-size:11px;
	color:#898787;
	padding:3px 4px;
}
.encarType li.form input.ok{
	cursor:pointer;
	background:#cfcfce;
	border:1px solid #c0bab6;
	padding:2px 2px 3px 2px;
	font-size:11x;
	color:#6e6c6b;
}

.encarAccess{
	min-height:0;
	_height:0;
	margin:5px 0;
}
.encarAccess h3{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	letter-spacing:.001em;
	text-align:center;
	background:#d1d0cf url(../medias/img/fond_h3.gif) repeat-x left top;
	padding:4px 0 3px 0;
	border:1px solid #d3d2d1;
	margin:0 0 4px 0;
}
.encarAccess p{
	font-size:10px;
	background:#ffda95;
	padding:6px;
	text-align:justify;
}
.encarAccess p.savoirPlus{
	text-align:right;
	background:url(../medias/img/fond_info_bulle.gif) no-repeat 160px top;
	padding:3px 9px;
}
.encarAccess th{
	background:url(../medias/img/icons/lock.gif) no-repeat 3px 17px;
	width:27px;
}
.encarAccess label{
	cursor:pointer;
}
.encarAccess input{
	width:100px;
	border-top:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	background:#f7f7f6;
	font-size:11px;
	padding:3px 4px;
}
.encarAccess input.submit, .colTypeLarge div.encarType p input.submit{
	background:url(../medias/img/fond_btn_form.gif) no-repeat left top;
	width:93px;
	height:22px;
	border:none;
	cursor:pointer;
	padding:0;
}
.encarAccess input.submitLong {
	background:url(../medias/img/fond_btnLong_form.gif) no-repeat left top;
	width:139px;
	height:22px;
	border:none;
	cursor:pointer;
	padding:0;
}

.encarAccess input.submit:hover, .colTypeLarge div.encarType p input.submit:hover, .encarAccess input.submitLong:hover{
	background-position:left -22px;
}
.encarAccess form{padding:6px 0;}
.encarAccess form p{background:none;text-align:center;}

.labelIcon{
	position:absolute;
	right:10px;top:7px;
}

.colTypeLarge{
	width:559px;
	min-height:323px;
	_height:323px;
	float:left;
	background:#ffffff url(../medias/img/fond_encar_type_large.gif) no-repeat left top;
	padding:9px 20px 9px 9px;
}
.colTypeLarge #message, .colTypeLarge #alert, #alert{min-height:0;_height:0;}
.colTypeLarge #alert, #alert{margin-bottom:6px;margin-top:7px;}
.colTypeLarge div.encarType form p{text-align:center;padding:4px 0;}
.colTypeLarge textarea{
	width:177px;
	padding:0;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
.colTypeLarge h3{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	letter-spacing:.001em;
	text-align:center;
	color:#5a5959;
	margin:0 0 3px 0;
}
div.fondBottomColTypeLarge{
	float:left;
	width:588px;
	height:4px;
	font-size:0;
	background:url(../medias/img/fond_encar_type_large_bot.gif) no-repeat left top;
}
.colTypeLarge h4{
	font-size:16px;
	text-transform:uppercase;
	padding:0 0 4px 0;
}

.colTypeLarge #alert h3, #alert h3 {
	position:relative;
	font-size:14px;
	border:2px solid #e32020;
	background:#e32020 url(../medias/img/fond_titre_actu.gif) repeat-x left top;
	color:#ffffff;
	padding:3px 0;
}
.colTypeLarge #alert h3 img, #alert h3 img {
	position:absolute;
	left:3px;
	_left:-45px;
	top:-23px;
}
.colTypeLarge #alert p, #alert p{
	text-align:left;
	padding:5px 10px;
}
.colTypeLarge #alert input, #alert input{width:120px;}
.colTypeLarge #alert input.ok, #alert input.ok{
	cursor:pointer;
	width:33px;
	height:21px;
	background:url(../medias/img/ok.gif) no-repeat left top;
	border:none;
}
.p_banieres{
	text-align:center;
	padding:4px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----PIED DE PAGE----*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#piedPage{
	float:left;
	width:865px;
	padding:6px 10px;
	background:url(../medias/img/fond_menu_bas.gif) no-repeat right top;
	text-align:right;
}
#piedPage li{
	display:inline;
	padding:0 6px 0 4px;
	border-right:1px solid;
}
#piedPage li.lastChild{padding-right:0;border:none;}
#piedPage li a{
	text-decoration:none;
	color:#010100;
}
#piedPage li a:hover{text-decoration:underline;}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/