@charset "utf-8";
/* CSS Document */

body
{

	background-color:#dddddd;
	margin: 0px;
	padding: 0 ;
	text-align: center ;
	font-family:Arial;
	font-size:12px;
}

.clear
{
	clear:both;
}

#page
{
	background-color:#FFF;
	color:#0293E4;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


#header2
{
	background-image:url(img/fd_header.JPG);
	background-repeat:repeat-x;
	height:124px;
}

#cont_header
{
	width:837px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/header2.JPG);
	background-repeat:no-repeat;
	height:124px;
}

#menu
{
	height:20px;
	padding-top:15px;
	padding-left:15px;
	color:#bcde03;
	text-align:left;
	font-size:10px;
	letter-spacing:2px;
}

#menu img
{
	border:none;
}

#menu a
{
	color:#bcde03;
	text-decoration:none;
}

#menu a:hover 
{
	color:#0CF;
	text-decoration:none;
}

.menu_2
{
	color:#bcde03;
	text-align:left;
	font-size:10px;
	letter-spacing:2px;
	margin-bottom:50px;
	width:400px;
	float:left;
}

.menu_2 a
{
	color:#bcde03;
	text-decoration:none;
}

.menu_2 a:hover 
{
	color:#c7e716;
	text-decoration:none;
}


#centre0
{
	background-image:url(img/ligne.JPG);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	width:837px;
}


#centre1
{
	background-image:url(img/contenu2.JPG);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:837px;
	height:269px;
}

#centre2
{
	background-image:url(img/contenu2_demo_hd.JPG);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:837px;
	height:269px;
}

.contenu
{
	padding-top:30px;
	color:#333;
	padding-left:20px;
	padding-right:20px;
	line-height:25px;
	word-spacing:1.5px;
	letter-spacing:0.2px;
	text-align:justify;
}

.contenu strong
{
	color:#7CA822;
	font-weight:800;
}


.contenu h4
{
	color:#7CA822;
	font-weight:800;
}
.contenu h4 a
{
	color:#7CA822;
	font-weight:800;
}


.contenu h3
{
	color:#7CA822;
	font-weight:800;
}
.contenu h3 a
{
	color:#7CA822;
	font-weight:800;
} 

.contenu h2
{
	color:#7CA822;
	font-weight:800;
}

.contenu hr
{
	width:500px;
	color:#7CA822;
	margin-top:20px;
}
.contenu2 hr
{
	width:500px;
	color:#7CA822;
	margin-top:20px;
}

.contenu img
{
	border:none;
}
.contenu a
{
	text-decoration:none;
	color:#333;
}

.contenu2
{
	color:#333;
	padding-left:20px;
	padding-right:20px;
	line-height:25px;
	word-spacing:1.5px;
	letter-spacing:0.2px;
	text-align:justify;
}

.contenu2 strong
{
	color:#7CA822;
	font-weight:800;
}


.contenu2 h4
{
	color:#7CA822;
	font-weight:800;
}

.contenu2 h3
{
	color:#7CA822;
	font-weight:800;
}
.contenu2 h3 a
{
	color:#7CA822;
	font-weight:800;
}


.contenu2 h2
{
	color:#7CA822;
	font-weight:800;
}

.contenu2 img
{
	border:none;
}
.contenu2 a
{
	text-decoration:none;
	color:#333;
}


#footer
{
	background-image:url(img/fd_footer.JPG);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#555555;
}

#cont_footer
{
	width:807px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/footer.JPG);
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:30px;
} 

#cont_footer a

{
color:#555555;
text-decoration:none;
}

#cont_footer a:hover
{
color:#A0BC30;
text-decoration:none;
}

/*-------------------- */

.titre_page
{
	color:#6D9511;
	font-variant:small-caps;
	font-size:18px;
	font-weight:80px;
	text-align:left;
	margin-top:20px;
	margin-left:25px;
	letter-spacing:2px;
}

.chemin
{
	text-align:left;
	margin-top:25px;
	padding-left:15px;
	font-size:10px;
	color:#6D9511;
	letter-spacing:2px;
}

.chemin a
{
	color:#6D9511;
	text-decoration:none;
}

.produit
{
	height:200px;
	width:265px;
	float:left;

}

.produit2
{
	height:200px;
	width:265px;
	margin-left:500px;
}

.description_produit
{
	width:500px;
	margin-left:275px;	
}

.description_produit2
{
	width:500px;
	float:left;
}

.pumit_reader
{
	font-weight:bold;
	color:#d03b80;
}

.pumit_system
{
	font-weight:bold;
	color:#e9730a;
}

.pumit_writer
{
	font-weight:bold;
	color:#38a6bd;
}

.pumit_reader a
{
	font-weight:400;
	color:#d03b80;
}

.pumit_system a
{
	font-weight:600;
	color:#975A00;
}

.pumit_writer a
{
	font-weight:400;
	color:#38a6bd;
}

.bloc_couleur
{
	border: 1px solid #666;
	padding: 10px;
	color:#666;
	font-weight:600;
	text-align: center;
	background-color:#abc903;
	opacity: 0.8;
	filter:alpha(opacity=80);

}

.partie_gauche
{
	width:375px;
	border: solid 1px #666;
	float:left;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	line-height: 30px;
	
}

.partie_droite
{
	width:375px;
	margin-left:405px;
	border: solid 1px #666;
	padding-left:10px;
	padding-right:10px;
}

.solution
{
}

.more
{
	padding-top:150px;
	margin-left:660px;
	
}

#cesar
{
	width:132px;
	height:126px;
	margin-left:650px;
}

.contenu2 input
{
	background-color:#FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	border: solid 1px #6D9511;
}


.contenu2 textarea
{
	background-color:#FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	border: solid 1px #6D9511;
}

.try_manage1
{
	width:400px;
	float:left;
	margin-left:-10px;
	text-align:center;
	font-weight:400;
	color:#38a6bd;
}

* +html .try_manage1
{
	width:400px;
	float:left;
	margin-left:-10px;
	text-align:center;
	font-weight:400;
	color:#38a6bd;

}
* +html .try_manage2
{
	width:400px;
	margin-left:395px;
	text-align:center;
	font-weight:400;
	color:#d03b80;
}

* html .try_manage1
{
	width:400px;
	float:left;
	margin-left:-10px;
	text-align:center;
	font-weight:400;
	color:#38a6bd;

}
* html .try_manage2
{
	margin-left:395px;
}


.try_manage2
{
	width:400px;
	margin-left:405px;
	text-align:center;
	font-weight:400;
	color:#d03b80;
}

.manage_haut
{
	background-image:url(img/manage_haut.png);
	background-repeat:no-repeat;
	height:10px;
}

.manage_bas
{
	background-image:url(img/manage_bas.png);
	background-repeat:no-repeat;
	height:11px;
}

.manage_centre
{
	background-image:url(img/manage_centre.png);
	background-repeat:repeat-y;
	text-align:left;
	padding-left:4px;
}

.manage_contenu
{
	padding-left:6px;
	padding-right:15px;
	text-align:justify;
}

.manage_titre_model
{
	text-align:right;
	margin-left:100px;
	width:270px;
	font-variant:small-caps;
	font-weight:bold;
	font-size:14px;
}

.manage_titre
{
	background-image:url(img/manage_titre.jpg);
	background-repeat:no-repeat;
	font-variant:small-caps;
	font-weight:bold;
	padding-left:10px;
	height:21px;
	margin-bottom:10px;
	margin-top:10px;
	font-size:18px;
	width:329px;
	
}

.manage2_infos
{
	color:#666;
	font-size:12px;
	font-weight:100;
	line-height:14px;
	text-align:justify;
	padding-left:15px;
	padding-right:20px;
	margin-bottom:15px;
	margin-top:25px;
}

.message_erreur
{
	color:#C62B74;
	font-weight:bold;
	font-size:16px;
	padding:12px;
}

.obligatoire
{
	font-size:12px;
	color:#C8249B;
}


/* ------------- début page exemple ----------------------------------------------------------------------------------------*/

.film_exemple
{
	width:650px;
	height:130px;
	border-bottom:1px dashed #02A1F2;
}

* html .film_exemple
{
	margin:0px;
	padding:0px;
}
* +html .film_exemple
{
	margin:0px;
	padding:0px;
}


.vignette_exemple
{
	float:left;	
	background-color:#b2b2b2;
	border: solid 1px white;
	margin-top:7px;
	height:115px;
	width:126px;
	text-align:center;
}

.text_film_exemple
{
	text-align:left;
	width:352px;
	margin-left:126px;
	padding-left:10px;
	padding-top:15px;
	font-size:12px;
}

.text_film_exemple a
{
	color:#55b6f8;
	text-decoration:none;
}

.titre_film_exemple
{
	font-size:13px;
	color:#55b6f8;
}


.description_exemple
{

	float:left;
	width:488px;
	height:100px;
}

* html .description_exemple
{
	width:500px;
}
* +html .description_exemple
{
	width:500px;
}


.infos_exemple
{
	background-image: url(img/info_film.jpg);
	background-repeat:no-repeat;
	width:115px;
	height:121px;
	margin-left:518px;
	padding-top:10px;
	text-align:left;
	font-size:11px;
}

* html .infos_exemple
{
	margin-left:518px;
}
* +html .infos_exemple
{
	margin-left:518px;
}

.t1_exemple
{
	padding-left:18px;
}

.voir_le_film_exemple
{
	padding-left:10px;
	height:32px;
}

.t2_exemple
{
	padding-left:18px;
	color:#0096ff;
	font-size:12px;
	font-weight:700;	
}
/* ------------- fin page exemple ----------------------------------------------------------------------------------------*/