/*********************/
/*** COULEURS LMDE ***/
/*********************/

/* 
GRIS BACKGROUND -> #e3e5d7;
BANDE VERTE (header) -> #7fab0d;
VIOLET - LMDE -> #851c71; 

*/
#ats15 div, #ats15 a, #ats15 img {
position: static;
border:solid 1px #FF0000;
}

*{
	margin:0px;
	padding:0px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
* a:hover{
	color:#851c71; /* contenu . couleur du texte hover*/
}
.clear{
	clear:both;
	font-size:1px;
}

body {
	width:100%;
	height:100%;
	
	color:#333333;

	background-color:#e3e5d7;
}











/************************/
/*** STYLES DU HEADER ***/
/************************/
td.header{
	width:970px;
	height:183px;
	background-position:bottom;

}
#menu_outils {
	position:absolute;
	top:10px;
	width:970px;
	display:table-cell;
}
#menu_outils li{
	float:right;
	list-style:none;
	margin-right:4px;
}
#menu_outils li.recherche{
	background-image:url(../img/recherche_background.gif);
	background-repeat:no-repeat;
	width:191px;
	height:22px;
}
#menu_outils input{
	float:left;margin-top:4px;margin-left:5px;color:#a3a49f
}
#menu {
	position:absolute;
	top:115px;
	width:970px;
}
#menu li{
	float:right;
	list-style:none;
	margin-right:6px;
}

#logo_lmde{
	position:absolute;
	top:50px;
	width:120px;
	font-size:11px;
	color:#383937;
	margin-left:844px;
	_margin-left:275px;
	margin-right:6px;
}


#content_bg{
	position:relative;
	height:23px;
	width:970px;
	top:10px;
	background-image:url(../img/container_top.png);
	background-repeat:no-repeat;
}

/***********/
/*** FIN ***/
/***********/





/************************/
/*** STYLES DU FOOTER ***/
/************************/
tr.footer_tr{
	background-image:url(../img/footer_background.gif);
	background-repeat:repeat-x;
	background-color:#851c71;
	height:160px;
	color:#FFFFF7;
}
#footer{
	width:970px;
	display:table-row;
	text-align:center;
	font-size:11px;
}

#footer ul {
	list-style:none;
	float:left;
	text-align:left;
	font-weight:normal;
	margin:20px 50px 20px 10px;
	font-size:11px;
}
#footer li {
	margin:0px;
	font-weight:normal;
	font-size:11px;
}

#footer .titre {
	color:#FFFFF7;
	font-weight:bold;
	padding-bottom:10px;
	letter-spacing:0.05em;
}
#footer a {color:#dcdcd5}
#footer a:hover {color:#FFFFF7}
/***********/
/*** FIN ***/
/***********/




/*************************/
/*** STYLES DU CONTENU ***/
/*************************/
td.content{
	background-image:url(../img/container_background.png);
	background-repeat:repeat-y;
	vertical-align:top;
}

#content_left {
	float:left;
	width:580px;
	margin-left:20px;
}

#content_right{
	float:left;
	width:335px;
	_width:320px;
	margin-left:15px;
	_margin-left:5px;
	margin-right:20px;
	

}

#content_titre_rubrique{
	margin:0px 20px 20px 20px;	
}


/* une */

#une{
	background-color:#f2f3ee;
	color:#000000;
	font-size:12px;
	border-right:solid 1px #ecece5;
}
#une_content{
	padding:0px 15px
}
#une h3{
	text-transform:uppercase;
	font-size:28px;
}
#une_video{
	margin:10px 0px;
}
#video_iframe{
	width:540px;
	height:425px;
}
#une h1{
	font-size:36px;
	line-height:36px;
	margin-bottom:10px;
}
#une h2{
	font-size:12px;
	margin-bottom:10px;
}
#content_left_bottom{
	border-right:solid 1px  #ecece5;
	font-size:12px;
	color:#303030;
	padding-right:10px;
	_padding-right:10px;
	_margin-right:10px;
	
	
}
#content_left_bottom p{
	margin:10px 0px;
}
#content_left_bottom h2{
	margin:10px 0px;
	font-size:14px;
	font-weight:bold;
	color:#303030;
}
#separateur{
	background-image:url(../img/ligne_separateur.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:580px;
	_width:570px;
	height:15px;
	padding:20px 0px;
}

/************************/
/*** STYLE DE LISTING ***/
/************************/
#listing .listing_bloc {
	padding-bottom:25px;
	text-align:left;
}
#listing .image {
	width:180px;
	height:105px;
	border: solid 1px #34332d;
	float:left;
	background-repeat:no-repeat;
	display:table-row;
	text-align:center;
	vertical-align:bottom;
	padding: 5px 0px;
	_padding: 3px 0px;

}
#listing .texte {
	float:left;
	margin-left:15px;
	width:370px;
}
#listing p{
	margin:0px 0px;
	padding:0px 0px;
}
#listing h1, #listing h1 a{
	color:#000000;
	font-size:26px;
	line-height:26px;
}

#listing .date{
	text-transform:uppercase;
	font-size:10px;
	color:#898989;
	margin:2px 0px 5px 0px;
}
#listing .chapo, .chapo a{
	color:#333333;
	font-size:12px;
}
#listing .voir {
	margin-top:5px;
}
#listing .voir a{
	color:#951f7f;
	font-size:12px;
	font-weight:bold;
	padding-left: 15px;
	background:url(../img/puce_voir.jpg) no-repeat 0px 3px;
}
#listing_toutes_les_videos{
	width:570px;
	text-align:center;
}

/***************************/
/*** STYLE DE PAGINATION ***/
/***************************/
 #pagination {
	width:570px;
	font-size:12px;
	font-weight:bold;
	color:#6e1f5e;
	text-align:center;
}

 #pagination .fleches{
	 width:20px;
	 height:20px;
	 float:left;
 }
 #pagination .numeros{
 width:500px;
 	margin:0px 10px;
	 float:left;
	 letter-spacing:5px;
	font-size:12px;
	font-weight:bold;
	color:#6e1f5e;
 }
#pagination .numeros a{
	 color:#464646;
	font-weight:normal;
 }
#pagination .numeros a:hover{
	 color:#6e1f5e;
	 text-decoration:none:
}


#recherche_resultats_titre{
	font-size:14px;
	color:#303030;
	font-weight:bold;
}


/* Notre selection du Web */
#selection .selection_bloc {
	padding-bottom:25px;
	width:120px;
	float:left;
	margin-right:25px;
	_margin-right:20px;
}
#selection .image {
	width:120px;
	height:90px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	float:none;

}
#selection h1, #selection h1 a{
	color:#000000;
	font-size:12px;
	line-height:normal;
	margin-top:3px;
	width:120px;
}


/***********/
/*** FIN ***/
/***********/




/********************************/
/*** STYLES CONTEXTUALISATION ***/
/********************************/
#bloc_contextualisation {
	margin-bottom:20px;
	width:310px;
	_width:330px;
	background:url(../img/bloc_context_mask_bottom.gif) no-repeat bottom;
	padding:10px;
	font-size:12px;
}
#bloc_contextualisation .voir{
	position:absolute;
	display:table-cell;
	width:310px;
	text-align:right;
	padding-top:10px
}
#bloc_contextualisation .voir a{
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	color:#333333;
}



#votre_avis {
	color:565653;
}
#votre_avis ul, li{
	color:282827;
	font-size:13px;
	font-weight:bold;
	list-style:none;
	margin:10px 0px;
}
#votre_avis input{
	margin-right:10px;
}
#votre_avis .voir{
	position:absolute;
	display:table-cell;
	width:110px;
	text-align:right;
	padding-top:10px;
	margin-left:200px;
}
#votre_avis .voir a{
	text-decoration:underline;
	text-transform:none;
	font-weight:normal;
	font-size:11px;
	color:#282827;
}

#content_left ul, #content_left li{

	font-weight:normal;
	margin:10px;
	list-style:outside;
}

/* les preview video */
#bloc_contextualisation .listing_bloc {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #333333;
}
#bloc_contextualisation .image {
	width:120px;
	height:80px;
	border: solid 1px #34332d;
	float:left;
	background-repeat:no-repeat;
	display:table-row;
	text-align:center;
	vertical-align:bottom;
	padding: 5px 0px;
	_padding: 3px 0px;
}
#bloc_contextualisation .texte {
	float:left;
	margin-left:5px;
	width:180px;
}
#bloc_contextualisation h1, #bloc_contextualisation h1 a{
	font-size:14px;
	line-height:14px;
}

#bloc_contextualisation .date{
	text-transform:uppercase;
	font-size:9px;
	color:#717171;
	margin:2px 0px 5px 0px;
}
#bloc_contextualisation .chapo,#bloc_contextualisation .chapo a{
	color:#333333;
	font-size:12px;
}


#auto_promo{
	width:330px;
	border-bottom:dotted 1px #333333;
}
#auto_promo h1 a{
	color:#951f7f;
}
#auto_promo h1{
	font-size:18px;
	color:#951f7f;
	font-weight:bold;
	padding:5px;
}
#auto_promo h2{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	padding:5px 5px;
}
#auto_promo h2 a, #auto_promo p a{
	color:#333333;
}
#auto_promo p{
	font-size:12px;
	color:#333333;
	font-weight:normal;
	padding:5px 5px;
}

#auto_promo_liens ul, #auto_promo_liens li, #auto_promo_liens li a{
	margin:0px;
	padding:0px;
	color:#440e3a;
	font-size:12px;
	font-weight:bold;
	margin-bottom:2px;
}
#auto_promo_liens h1 {
	font-size:12px;
	font-weight:bold;
	color:#752063;
	padding-bottom:5px;
	text-transform:uppercase;
}


#tag ul, #tag li {
	list-style:none;
	display:inline;
	margin-right:5px;
	line-height:1.4em;
	_line-height:1.8em;
}

#tag a {
	color:#333333;
	text-transform:capitalize;
}
#tag a:hover {
	text-decoration:none;
}

/*******************/
/*** FORMULAIRES ***/
/*******************/
#formulaire{
	background-color:#FFFFFF;
	color:#303030;
	font-size:12px;
}

#formulaire h2{
	font-weight:bold;
	margin:10px 0px;
	font-size:14px;

}



#formulaire input {
	border:none;
	height:19px;
	background-color:transparent;
	width:325px;
}
#formulaire .none {
	border:none;
	height:auto;
	background-color:auto;
	width:auto;
}



#formulaire textarea{
	border:solid 1px #c9b7c3;
	background-image:none;
	background-color:#F5EDF4;
	font-size:12px;
	width:330px;
	height:100px;
}
#formulaire select {
	border:solid 1px #c9b7c3;
	margin-bottom:5px;
	background-color:#f5edf4;
	width:325px;
}


#formulaire .submit_image{
	width:auto
}


#formulaire .label_text{
	font-size:13px;
	text-align:left;
}


#formulaire_bloc_label{
	float:left;
	width:160px;
	clear:both;
	margin:5px;
	padding-top:5px;
}


#formulaire_bloc_champ{
	background-image:url(../img/formulaire_background.gif);
	background-repeat:no-repeat;
	width:335px;
	float:left;
	padding:2px 5px 5px 5px;
	clear:right;
}