body  {
	margin : 0;
	padding:0;
/*	background: url(template/noel_3.jpg);
	background-repeat:repeat-x;
	background-color:#14141E;*/
	background: url(template/fond1.jpg);
	background-repeat:repeat-x;
	background-color:#91C8FE;
	color:#000000;
}

/************ haut de page *******************/
#hautpage {
	width : 100%;
	height : 320px;
	margin : 0;
	padding-top : 10px;
	background : url(template/hautpage1.png) repeat-x;
}

#entete_img
{	
	margin : 0 auto 0 auto;
	width : 984px;
}

#entete_img a
{
	margin:0;
	padding:0;
	display:block;
	height:248px;
}

#head {
	margin : 0 auto 0 auto;
	background : url(template/head.png) repeat-y;
	height : 30px;
	width : 1024px;
}


#headermain1 {
	margin : 0 auto 0 auto;
	width : 1024px;
	height : 290px;
	background : url(template/ombre_corps.png) repeat-y;
	
}

#barremenu {
	margin : 0 auto 0 20px;
	width : 970px;
}


/*************************************************/

/****************** corps de page *****************/

#corpsdepage {
	width : 1004px;
	background : url(template/ombre_corps.png) repeat-y;
	margin : 0 auto 0 auto;
	padding : 0px 0 20px 20px;
	padding-top:20px;
	

}

#chemin {
	width : 1024px;
	margin : 0 auto 0 auto;
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-left : 25px;
	padding-bottom:10px;
}

#chemin a {
	text-decoration : none;
	color : #6f6f6f;
	padding-left : 2px;
	padding-right : 2px;
}

#chemin a:hover {
	text-decoration : underline;
}

.acc {
	font-weight:bold;
	color:#000066;
}


#texte {
	float : left;
	padding : 5px 0 0 10px;
	margin-left : 5px;
	font-family : Verdana;
	
	height : auto;
	text-align : justify;
	font-size : 11px; /*  changer cette valeur revient à changer la taille des caractère de tous le texte contenu dans le site.    */
}

#textemilieu {
	background : url(template/contentm.png);
	background-repeat : repeat-y;
	padding-left : 25px;
	margin : 0;
	padding-bottom : 0;
}

#textehead {
	background : url(template/contenthead.png);
	background-repeat : no-repeat;
	width : 100%;
	height:145px;
}

#textehead h1 {
	display : block;
	width : 100%;
	font-size : 22px;
	border-bottom : 1px solid black;
	border-left:#FF9900 solid 10px;
	margin-left : 40px;
	padding-top : 20px;
	
}

#textefoot {
	background : url(template/contentfoot.png);
	background-repeat : no-repeat;
	padding-left : 25px;
	height : 102px;
	margin : 0;
	padding-top : 0;
}


#form_search
{
	display:inline;
	float:right;
	padding-right:90px;
}

#form_search .input
{
	height:14px;
	background-color:#E4E4E4;
	font-size:12px;
	width:150px;
}
/*************************/
/**** index */

.lien_titre{
	font-size:16px;
	color:#333;
	font-weight:bold;
}

.lien_titre a{
	color:#333;
	font-weight:bold;
}

.lien_titre a:hover{
	text-decoration:underline;
}


#reference_liste
{
	padding-left:20px;
}

#reference_liste li {
	 color: black;
	 display : list-item;
	 list-style-image : url(template/puce_foot.png);
	 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin:0;
	border-bottom:#999 1px dashed;
	
	width:93%;
	padding-bottom:5px;
} 

#reference_liste li:hover {
	 display : list-item;
	 list-style-image : url(template/puce_foot_hover.png);
} 

#reference_liste ul {
	margin: 0 0 0 0; 
} 

#reference_liste .link
{
	padding-left:30px;
}

#reference_liste a
{
	color:#066;
}

#reference_liste a:hover
{
	text-decoration:underline;
}

#reference_liste img {
	vertical-align:text-bottom;
}

.separateur_liste_reference
{
	display:block;
	width:5px;
	border-left:#333 1px dotted;
}


.liste_complete a:hover
{
	text-decoration:underline;
}


	

/***************************************************/

/**********************NEWS*********************/
#textehead1 {
	background : url(template/contenthead.png);
	background-repeat : no-repeat;
}

#textehead1 a:link{
text-decoration:none;
color:#000000;
}

#textehead1 a:hover{
text-decoration:none;
color:#666666;
}

#textehead1 a:visited{
text-decoration:none;
color:#000000;
}

#textemilieu1 {
	background : url(template/contentm.png);
	background-repeat : repeat-y;
	padding-left : 25px;
	margin : 0;
	padding-bottom : 0;
}

#textefoot1 {
	background : url(template/contentfoot.png);
	background-repeat : no-repeat;
	padding-left : 25px;
	height : 102px;
	margin : 0;
	padding-top : 0;
}

#textehead1 h1 {
	display : block;
	width : 560px;
	font-size : 22px;
	border-bottom : 1px solid black;
	margin-left : 40px;
	padding-top : 20px;
}

#telechargement
{
	border:#666 1px dashed;
	margin-left:160px;
	padding:5px;
	background-color:#CCC;
	height:38px;
	text-align:center;
	width:300px;
	margin-bottom:10px;
}

#telechargement img
{
	vertical-align:middle;
}
#telechargement a{
	color:#333;
	font-weight:700;
}

#telechargement a:hover{
	color:#036;
}
/***************************************************/

/********************footer***********************/
#footer {
	margin : 0 auto 0 auto;
	background : url(template/footer2_2.png);
	background-repeat:no-repeat;
	height : 23px;
	width : 1024px;
}


#menupied {
	width : 1024px;
	margin : 0 auto 0 auto;
	
	text-align : left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-top : 5px;
	padding-bottom : 5px;
	background : url(template/ombre_corps_2.png) repeat-y;
	color : #000000;
}

.separateur_foot
{
	border-bottom:#666 1px dashed;
	width : 90%;
	margin : 0 auto 0 auto;
	height:2px;
	display:block;
}

#menupied .contenu_foot
{
	padding-left:40px;
}

#menupied a {
	text-decoration : none;
	color : #FFF;
	padding-left : 2px;
	padding-right : 2px;
}

#menupied a:hover {
	text-decoration : underline;
}

#menupied li {
	 color: black;
	 display : list-item;
	 list-style-image : url(template/puce_foot.png);
	 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin:0;
} 

#menupied li:hover {
	 color: black;
	 display : list-item;
	 list-style-image : url(template/puce_foot_hover.png);
} 

#menupied ul {
margin: 0 0 0 0; 
} 

#menupied .link
{
	padding-left:30px;
}
#menupied img {
	vertical-align:text-bottom;
}
/*****************************************************/


/**********************Accès clients*****************/

#acces {
	position : absolute;
	height : 35px;
	width : 400px;
	right : 40px;
	top : 200px;
	z-index : 99;
	color : #ffffff;
	font-size : 14px;
	
}
#acces a:link{
color:#FFFFFF;
text-decoration:none;
}
#acces a:hover{
	color:#FF0000;
	text-decoration:underline;
}
#acces a:visited{
color:#FFFFFF;
text-decoration:none;
}



/*****************************************************/

#sidebar {
	float : right;
	width : 320px;
	margin-right : 38px;
	text-align : center;
	font-family : Verdana;
	font-size : 14px;
}


/******************************************************/
a img {
	border : 0;
}


h2 {
	border-width : 0 0 0 6px;
	border-style : solid;
	border-color : #0099ff;
	font-size : 15px;
	padding-left : 25px;
}

h3 {
	margin:0px;
	padding:0px;
}

h6{
	margin:0px;
	padding:0px;
}

P {
	margin : 0;
	padding : 0;
}

#grosselettre {
	color : #c44f00;
	font-size : 30px;
	font-weight : bold;
}

ul {
	margin : 0;
	padding : 0;
}

table.liste_partenaire td {
	border-bottom : 1px solid #999;
}

/******************* style texte **************************/
.annonce_page {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #527d94;
	font-weight : bold;
}
.titre_section_puce {
	list-style-position : inside;
	list-style-image : url("template/puce_fleche.png");
	margin-left:15px;
	vertical-align:text-bottom;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	text-decoration : underline;
	text-transform : uppercase;
}

.liste_puce {
	list-style-position : outside;
	list-style-image : url("template/puce_fleche.png");
	vertical-align:text-bottom;
	margin-left:100px;
	margin-top:2px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}

.debut_paragraphe {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	font-weight : bold;
}
.computer_center {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000099;
	font-weight : bold;
	text-transform : uppercase;
}
.premiere_lettre {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color : #000000;
	font-weight : bold;
	text-transform : uppercase;
}
.titre_partenaire {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	color : #ff6600;
	font-weight : bold;
	text-transform : uppercase;
} 

/***************************************************************/


#textefull {
	padding : 5px 0 0 10px;
	margin-left : 5px;
	font-family : Verdana;
	width : 930px;
	height : auto;
	text-align : justify;
	font-size : 14px;
}

/********************************************************************/

.news
{
	width:98%;
	text-align:left;
	/*border:#069 10px solid;*/
	/*background-color:#E1F0FF;*/
	margin:auto;
	height:auto;
	padding:5px;
	
	border-bottom:#CCC 1px dashed;
	padding-top:10px;
	padding-bottom:15px;
	
	padding-left:20px;
}


.news .titre
{
	color:#066;
	
	font-weight:bold;
	font-size:14px;
}

.news .titre_news
{
	color:#000;
	font-weight:bold;
	font-size:18px;
	text-decoration:underline;
}

.news .date
{
	color:#666;
	font-size:10px;
}

.news .precontenu_news
{
	font-style:italic;
}


.news div {
	background-color:#FFF;
}

.news p {
	margin-bottom : 10px;
	border: none;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}

.news a.liresuite {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;

}

.news a:hover  {
	background-color: white;
}

.news a.selected   {
	color: black;
	background-color: #80cfe2;
}


/***** clear *****/
.clearfix {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
}


/***************************/
/*** références **/

.titre_reference
{
	font-size:29px;
	color:#000;
}

.description_reference
{
	padding-top:10px;
	font-size:12px;
	color:#333;
	
	text-align:left;
	
}

.info_reference
{
	padding-top:10px;
	font-size:9px;
	color:#333;
}

/*----------------------------------------------------------BEGIN REFERENCE POST LIST ------------------------------------------------------------------------*/
#content_ref_post{margin:auto;}
.ref_post{width:300px; float:left;}
.ref_post_margin{ margin-right:10px;}
.ref_post .titre{ padding:30px 0 8px 0;}
.ref_post .titre a{ font:19px Times New Roman; color:#000000; text-decoration:none; text-align:left}
.ref_post .titre a:hover{background-color:#000; color:#FFF}
.ref_post .post-ratings { margin:6px 0 6px 0; float:left;}
.ref_post .post-ratings img{ float:left;}
.ref_post .post-ratings span{ float:left; font:10px arial; color:#666666; padding:0 0 0 10px;}
.ref_post .illustration{ border:5px solid #E3D3B7;}
.ref_post .baseline{ font:10px Arial; color:#555; padding-top:5px; clear:both;}
/*------------------------------------------------------------------END---------------------------------------------------------------------------------------*/

/*----------------------------------------------------------BEGIN PARTENAIRES POST LIST ------------------------------------------------------------------------*/
#content_partenaires{margin:auto;}

.partenaire{width:290px; float:left; margin-bottom:15px; margin-top:25px;}

.partenaire{ margin-right:10px; margin-left:10px;}
.partenaire .titre{ padding:10px 0 8px 0;}
.partenaire .titre a{ font:19px Times New Roman; color:#000000; text-decoration:none; text-align:left}
.partenaire .titre a:hover{background-color:#000; color:#FFF;}
.partenaire .illustration{height:100px; width:290px; text-align:center; margin-bottom:10px;}
.partenaire .illustration img{ vertical-align:middle;}
.partenaire .info{ font:12px Arial; color:#555; padding-top:5px;  border:#999 1px dashed;  height:50px; text-align:center; vertical-align:middle;}
.partenaire .baseline{ font:11px Arial; color:#555;  height:10px;  clear:both; padding-top:2px;}

.partenaire .baseline img
{
	vertical-align:middle;
}

/*------------------------------------------------------------------END---------------------------------------------------------------------------------------*/

/*----------------------------------------------------------BEGIN CONTACT POST LIST ------------------------------------------------------------------------*/
#contact
{
	width:100%;
	display:block;
	min-height:110px;
	background-color:#D7EBFF;
	border:#9A9A9A 1px dotted;
	margin-bottom:15px;
	padding:5px;
}

#contact .titre
{
	margin-left : 20px;
	margin-top:5px;
	color:#359AFF;
	font-size:16px;
	font-weight:bold;
}
#contact .interlocuteur{Padding-top:10px; margin-left : 120px; font-weight:bold; color:#333;}
#contact .fonction{ margin-left : 120px; color:#666;}
#contact .info{Padding-top:10px; margin-left : 120px;color:#333;}
#contact .mail{ margin-left : 120px;color:#333;}
#contact .mail a{color:#066; text-decoration:none;}
/*------------------------------------------------------------------END---------------------------------------------------------------------------------------*/
/*----------------------------------------------------------BEGIN SEARCH POST LIST ------------------------------------------------------------------------*/
#liste_search 
{
	margin-left:20px;
}

#liste_search a{
	color:#F30;
	text-decoration:none;
	padding:1px;
}
/*------------------------------------------------------------------END---------------------------------------------------------------------------------------*/
/*----------------------------------------------------------BEGIN PRESTATION ------------------------------------------------------------------------*/
/*
#prestation
{
	width:100%;
	display:block;
	min-height:90px;
	background-color:#F8F8F8;
	border:#9A9A9A 1px dotted;
	margin-bottom:15px;
	padding:5px;
}

#prestation .titre
{
	margin-left : 20px;
	margin-top:5px;
	color:#F26A02;
	font-size:16px;
	font-weight:bold;
}

#prestation .illustration img{ border:#333 1px solid;}
#prestation .slogan{padding-left:10px; Padding-top:5px; font-weight:bold; color:#333; font-size:11px;}
#prestation .description{padding-left:10px; color:#666;font-size:10px; Padding-top:5px;}

#prestation a:link{
	display:block;
	width:100%	
	min-height:90px;
}

*/

#prestation
{
	width:445px;
	display:block;
	height:141px;
	background-image:url(template/cadrepresta_fond.png);
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	margin-top:15px;
}

#prestation:hover
{
	background-image:url(template/cadrepresta_fondhover.png);
}

#prestation .titre
{
	margin-left : 5px;
	color:#F26A02;
	font-size:14px;
	font-weight:bold;
}

#prestation a:link{
	display:block;
	width:445px;
	height:141px;
}

#prestation .illustration img{ border:#333 1px solid; margin-left:5px; }
#prestation .slogan{padding-left:5px; Padding-top:1px; font-weight:bold; color:#333; font-size:10px; text-align:justify; padding-right:5px; }
#prestation .description{padding-left:5px; color:#666;font-size:9px; Padding-top:5px;padding-right:5px;}