* {
	margin: 		0px;
	padding: 		0px;
}

body {
	padding: 		0px;
	font-size: 		13px;
	color: 			#004990;
	font-family: 	'Trebuchet MS', sans-serif;
}

#main {
	margin: 		auto;
	text-align: 	left;
	width: 			955px;
}

/*********HEADER************************/
#header {
	margin: 		10px 0px;
}

#header_content {
	background: 	url("../images/frontend/header_content.png") repeat-x;
	margin: 		0px 10px 0px 10px !important;
	margin: 		0px 7px 0px 7px;
	height:         96px;
	padding: 		18px 0px !important;  
	padding: 		16px 0px;
}

#H_right {
	float: 			right;
	height: 		132px;
	width: 			10px;
	margin-left: 	auto !important;
	margin-left: 	-3px;
	background: 	url("../images/frontend/header_right.png");
}

#H_left {
	float: 			left;
	height: 		132px;
	width: 			10px;
	margin-right: 	auto !important;
	margin-right: 	-3px;
	background: 	url("../images/frontend/header_left.png");
}


/************REGLES GLOBALES****************************/
input {
	vertical-align: top;
}
.img {
	border: 0;	
}
a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 		none;
}

h2.titre_content{
	font-size: 		18px;
	font-weight: 	bold;
	color: 			#004990;
	background: 	url("../images/frontend/fleche_multicolor.png") no-repeat;
	background-position: 0px 4px;	
	padding-left:   80px;	
}	

/**************BANNIERE PUB************/
#header_banniere {
	text-align: center; 	
}

#footer_banniere{
	padding-left: 125px;
}

/******************CADRES CONTENU*********************/
#page {
}
/******************CONTENT**********************/

#page .header_content {
	width: 			599px;
	height:			27px;
	padding: 		19px 0px 0px 30px;
	background: 	url("../images/frontend/page_header.png") no-repeat;
}

#page  .titre_page{
	padding:  		0px 20px 0px 80px;
}

#page .titre_categorie{	
	font-size: 		16px;
	font-weight: 	bold;
	color: 			#004990;	
}


#page .content {
	width: 			569px;
	overflow:		auto;
	padding-top:    30px;
	background: 	url("../images/frontend/page_content.png");
	padding: 0px 20px 0px 40px;
}
#page .content_footer {
	width: 			629px;
	height: 		27px;
	background: 	url("../images/frontend/page_footer.png") no-repeat;
}

#page .titre{
	font-size:      18px;
	color:			#004990;	
}
#page .texte{
	padding-top:    10px;
	font-weight:    bold;
	font-size:      11px;
	color:			#004990;	
}

#page .titre_commentaire{
	font-size:      18px;
	border-bottom: 	1px dotted #000;
}
#page .commentaire {
	font-weight:    bold;
	color:          #000;
	border-bottom: 	1px dotted #000;
	padding:        10px 0px 10px 0px;
	font-size:      11px;
}

#page .vignette {
	float: 			left;
}

#page .intro {
	float: 			right;
	text-align: 	left;
	width: 			130px;
	padding: 		0px 0px 0px 5px;
}
#page .video {
	float: 			left;
	vertical-align: top;
	width: 			250px;
	height: 		85px;
	margin: 		0px 23px 20px  0px;
	font-weight: 	bold;
	font-size: 		11px;
	color: 			#000;
	margin-bottom:  45px;	 
}

#page .pagination {
	clear: both;
	font-size: 		14px;
	color: 			#000000;
	border-top: 	1px dotted #000000;
	padding:        10px 10px 0px 0px;
	text-align:     right;
	word-spacing:   3px;
	line-height:    20px;
}
#page .pagination a
{
	color:          #000000;		
}

.resume
{
	color: 			#013535;
	padding-bottom: 10px;
	margin-bottom:	20px;
	font-weight:	bold;
	border-bottom: 	1px dotted black;
}

/******************MENU DROIT**********************/

#menu_right {
	float: 			right;
	width: 			316px;
	margin-left: 	5px;
}
#menu_right .cm_description a
{
	color: 			#000;
}

#menu_right .fleche_couleur{
	height:             15px;
	width:              75px;	
	background: 		url("../images/frontend/fleche_multicolor.png") no-repeat;
}

#menu_right .titre_partenaire{
	background: 		url("../images/frontend/fleche_multicolor.png") no-repeat;
	color:  			#00A0C6;	
	font-size:          14px;
	font-weight:        bold;
	padding-left:       80px;
	vertical-align:		top;
}
#menu_right .cadre_top {
	width: 				270px;
	height: 			23px;
	font-size: 			18px;
	font-weight:		bold;
	padding: 			13px 15px 0px 15px;
	color: 				#FFFFFF;
	background: 		url("../images/frontend/cadre_top.png") no-repeat;
}
#menu_right .cadre {
	margin-bottom: 		20px;	
}
#menu_right .cadre_content {
	width: 				300px;
	background: 		url("../images/frontend/cadre_content.png") no-repeat bottom;
	color: 				#FFFFFF;
	font-weight:		bold;
}
#menu_right ul.categorie  {
	color: 				#FFFFFF;
	padding:    		0px 20px 30px 15px;
	list-style-type:    none;
}

#menu_right a.list_categorie{
	color: 				#FFFFFF;
	font-size: 			14px;
	padding-left:   	16px;
}


#menu_right .cadre_content p.content{
	padding:    0px 20px 30px 25px;	
}	

#menu_right .recherche {
	padding: 		px 0px 0px 30px;
}

#menu_right .vignette_cm {
	height: 80 px;
	width:  110 px;
	float: left;
	padding-left: 10px
}

#menu_right .cm_description {
	font-size: 11px;
	padding: 0px 10px 15px 5px;
	height: 80px;
	color: #FFFFFF;
	overflow: auto;	
}

#menu_right .titre_noir{
	color: #000000;
}


#menu_right .introduction_inscription{
	padding:    		0px 20px 30px 20px;
}

#menu_right .inscription{
	padding:    		0px 0px 30px 0px;
	text-align:         center;
}

#menu_right p.logo_footer{
	text-align: center;
}

#menu_right img.logo_footer{
	padding-left:		10px 				
}
#menu_right .autre_cm{
	clear: 				both;
	background: 		url("../images/frontend/puce_rouge.png") no-repeat 90px 50%;
	padding-left:   	110px; 
}
#menu_right a.autre { 
	color:              #BC001B; 
	font-size:          11px;
 }
 
/****************SHOW CM**********************/

#page h2 {
	margin-bottom:		22px;
}

#page div.titre_categorie {
	float:				left;
	margin-top: 		20px;
	width: 				450px; 	/* ~ 569 - 125 */
}

#page p.share {
	line-height:		23px;
	margin:				20px 0 0 450px;
	width: 				125px;
}
 
/******************FOOTER**********************/
#footer {
	margin: 			10px 0px;
	clear: 				both;
	color: 				#004990;	
	text-align: 		center;
}

#footer a.lien_footer{
	font-weight:        bold;
	font-size: 			11px;
	color: 				#004990;	
}
/**************MESSAGE ERREUR************/
p.error_msg
{
	font-size:      12px;
	color: 		    #CC3300;
}

#commentaire_error
{
	font-size:      12px;
	color: 		    #CC3300;	
}

/******************UPLOAD***********************/
.container_hidden_iframe
{
	display: 		none;
}

.hidden
{
	display: 		none;
}

.delete_upload_file
{
	background-color:	#99D;
	border:				1px solid #99D;
	font-weight:		bold;
	padding:			0 3px;
	margin-left: 		10px;
}

.block_inline
{
	display:  		inline;
}

.button_local {
	background-color:	#99D;
	border:				1px solid #99D;
	font-weight:		bold;
	padding:			0 3px;
	margin-left: 		10px;
}

#list_local_content {
	overflow: 			auto;
	width: 				270px;
	height: 			200px;
	text-align:			left;
	padding: 			10px 10px;
	border-bottom: 		1px solid #999999;
}

.add_local_content {
	background-color:	#99D;
	border:				1px solid #99D;
	font-weight:		bold;
	padding:			0 3px;
	margin-top: 		10px;
}
/*******************POPIN LAYOUT***********************/
#popinHeader {
	padding:			3px 5px;
	border-bottom: 		1px solid #999;
	height:				18px;
}
#popin_content{
	padding: 10px;
}
#popinHeader a.close {
	text-align:			right;
	font-weight:		bold; 
	color:              #000;	
}
.condition_titre{
	text-align: 		center;
	text-decoration:    underline;
	font-weight: 		bold;		
}

