/* ############### */
/*	    GLOBAL     */
/* ############### */

body {
	background-color: #e9e9e9;
	color:#444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px; 
	line-height:19px;
	margin:0px;
}	
A, .link { 
	color:#3a66dd;
	text-decoration:none;
}
A:visited { 
	color:#3a66dd;
	text-decoration:none;
}
A:hover, .link:hover { 
	text-decoration:underline;
}

H1 {
	font-size:18px;
	font-weight:bold;
	font-family:Verdana;
	margin:0px;
	padding:6px 0 0 3px;
	color:#325280;
}
H2 {
	font-size:13px;
	margin:5px 0 0 40px;
	color:#5a5959;
}

.clear {
	clear:both;
	font-size:0px;
	height:1px;
}
.middle {
	vertical-align:middle;
}
.grey_text {
	color:#808080;
	font-size:0.9em;
	font-weight:normal;
}

/* ############### */
/*      HEADER     */
/* ############### */

.margin_top {
	margin:auto;
	width:900px;
	text-align:right;
	font-size:10px; 
}

.annonce  {
	margin:auto;
	width:910px;
	padding:10px;
	background-color:#FF6600;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;	
}

.bandeau  {
	margin:auto;
	background:url('/img/top.jpg') no-repeat;
	width:910px;
	height:93px;	
}
.bandeau .signature {
	float:left;
	padding:54px 0 0 91px;
	width:465px;	
	font-weight:bold;
	font-family:arial;
	font-size:13px;
	color:#FFFFFF; 
	cursor:pointer; 
}	
.bandeau .moteur_recherche {
	float:right;
	width:300px;	
	padding:34px 15px 0 0;
	text-align:right;
}


/* ############### */
/*      CHEMIN     */
/* ############### */

.chemin {
	margin:auto;
	background:url('/img/nav_chemin.gif') no-repeat;
	width:910px;
	height:35px;
}
.chemin ul {
	float:left;
	margin:5px 0px 0px 13px;
	padding:0 0 0px 13px;	
	background:url('/img/chemin-picto.gif') no-repeat;
	font-size:13px; 
}	
.chemin li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px 2px;
	margin:0px 0px 0px 10px;
	float:left; 
}
.edito {
	text-align:center;
	padding:5px 0px 0px 15px;
}

/* ############### */
/*   CADRE PAGE    */
/* ############### */

.cadre_page {
	width:896px;
	padding:10px 6px 0px 6px;
	margin:auto;
	background:url('/img/bg_page.gif') center center repeat-y;
}


/* ############### */
/*    CARTOUCHE    */
/* ############### */

.cartouche {
	float:left;
	width:567px;
}
.cartouche UL {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
	margin:0px;	
}
.cartouche LI {
	background:url(/img/bg_cartouche.gif) top left no-repeat;
	padding:0px 0px 20px 0px;
	margin:0px;
	height:140px;
}
.cartouche .titre {
	height:45px;
	width:425px; 
}
.cartouche .titre .ico {
	float:left;
	padding:5px 8px 0 8px;
}
.cartouche H2 {
	color:#325280;
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:0;
	overflow:hidden;
	white-space:nowrap;
}
 .cartouche H2 a {
	color:#325280;
}
.cartouche H3 {
	width:370px; 
	margin:5px 0 0 5px;
	overflow:hidden;
	white-space:nowrap;
	color:#284361;
	font-size:13px;
}
.cartouche .categorie {
	float:right;
	padding:8px 0px 0px 0px;
	width:136px; 
	font-family:Verdana;
	font-size:10px;
	color:#4a80c2;
	text-align:right;
	overflow:hidden;
	white-space:nowrap;
}
.cartouche .categorie a, .categorie a:visited {	
	color:#4a80c2;
}
.cartouche .screenshot {
	float:right;
	padding:11px 12px 0px 0px;
	margin:0px;
	height:108px;
	width:125px; 
}
.cartouche .contenu {
	height:66px;
	width:405px; 
	padding:8px 0 0 10px;
	text-align:justify;
	font-size:12px;
	line-height:14pt;
}
.cartouche .telecharger {
	float:left;	
	padding:0px 0px 0px 25px;
}
.cartouche .telecharger a {
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
	color:#73a900;	
}
.cartouche .infos {
	float:right;
	padding:1px 10px 0px 0px;
	text-align:right;
	color:#969696;
	font-size:10px;
}


/* ############### */
/*     CONTACT     */
/* ############### */

.contact {
	padding:0px 10px 20px 10px;
}
.contact label {
	display: inline;
	width: 130px;
	float: left;
	padding:5px 5px 0px 0px;
	text-align:right;	
}
.contact .legende {
	font-size:10px;
	color:#939AAE;
}
.contact INPUT {
	margin:2px 0px;
}
.contact TEXTAREA {
	font-size:13px;
	font-family:Arial;
}


/* ################### */
/* #####  FOOTER  #### */
/* ################### */

.footer {
	background:url('/img/bottom.gif') top center no-repeat;
	width:910px;
	margin:auto;
	padding:10px 0px 10px 0px;
	font-size:11px;
	text-align:center;	
}

.txt_thematiques {
	padding:5px 15px;
	text-align:justify;
}