/* styles reimscopie point fr par atypik point biz */

/*   Couleurs utilisees           */

/* - Bleu des links      : 0068b4 */

/* - Orange clair (menu) : F7BB86 */

/* - Jaune clair (menu)  : F6E896 */

/* - Vert clair (menu)   : 9CCC99 */

/* - Rouge               : e70000 */

/* - Gris clair          : eeeeee */

/* - Gris foncé          : 757474 */



body {

	margin: 0px;

	padding-bottom: 15px;

	text-align: center;  /*centrage IE5.5 partie 1*/

	font-family: verdana, arial, sans-serif;

	font-size: 11px;

	color: #000000;

}



select { background-color: #ffffff; color: #000000; }

option { background-color: #ffffff; }

.inputtext  { display: block; color: #000000; background-color: #ffffff; }



.inputvalid    { background-color: #000000; }

.ok { background-color: #eeeeee; border:1px solid #757474; }

form table {font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; }  /*Necessaire pour IE5.5*/

.shadeInput{

  background:transparent;

  border:0;

  cursor:pointer;

}



h1 { font-size: 13px; padding: 0px; margin-bottom: 3px; }

h3 { font-size: 13px; padding: 0px; margin-bottom: 2px; font-weight: 600; }

p, form { margin: 0px; padding: 0px 5px; }

.en_valeur {color:#e70000;}

a:link { color: #0068b4; text-decoration: underline; }

a:visited { color: #0068b4; text-decoration: underline; }

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

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



ul.spip {

	padding: 0px 0px 0px 25px;

	margin-left: 0px;

	margin-top: 0px;

	list-style-position: outside;

}

li.spip {

	list-style-type: disc;

	margin-bottom: 3px;

}

li.spip li {

	list-style-type: circle;

}



table.spip table td {

	padding: 5px;

	vertical-align: center;

	border: 0px;

}

table.spip {

	border-collapse:collapse;

	background-color:#ffffff;

}

table.spip tr.row_first {

	background-color: #eeeeee;

}

table.spip tr.row_odd {

}

table.spip tr.row_even {

}

table.spip td {

	padding: 5px;

	text-align: left;

	border: 1px solid #000000;

	vertical-align: center;

}







#general {

	width: 740px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;  /*centrage IE5.5 partie 2*/

}



#image_fond { /*contient l'ombre*/

	float: left;

	width: 740px;

	padding-left: 10px;

	padding-right: 10px;

	background-image: url(fond_page.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}





/****************************************************** bandeau ****************************************************/



#zone_bandeau {

	float: left;

	width: 720px;

	height: 130px;

}



#bandeau_haut_gauche {

	float: left;

	width: 200px;

	height: 110px;

	background-image: url(logo_bandeau.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#anim_bandeau_haut_gauche {

	float: left;

	position: relative;

	width: 360px;

	height: 110px;

}

#bandeau_haut_droite {

	float: left;

	width: 160px;

	height: 110px;

}

#bandeau_barre {

	float: left;

	width: 560px;

	height: 20px;

	background-image: url(barre_btn.png);

	background-repeat: no-repeat;

	background-position: left top;

}

dt, dd {

	float: left;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

dl {

	float: left;

	padding: 0px;

	margin: 0px;

}

#zone_creation {

	_position: absolute;

	float: left;

	width: 112px;

	height: 20px;

	margin-left: 201px;

	margin-top: 0px;

}

#zone_impression {

	_position: absolute;

	float: left;

	width: 138px;

	height: 20px;

	margin-left: 0px;

	_margin-left: 313px;

	margin-top: 0px;

}

#zone_finition {

	_position: absolute;

	float: left;

	width: 106px;

	height: 20px;

	margin-left: 0px;

	_margin-left: 451px;

	margin-top: 0px;

}

#bandeau_demande_devis {

	position: absolute;

	/* commented backslash hack v2 for IE5 MAC\*/

	position: relative;

	/* end hack */

	_position: absolute;

	float: left;

	width: 160px;

	height: 20px;

	background-image: url(btn_demandedevis.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#zone_demande_devis {

	width: 160px;

	height: 20px;

	margin-left: -5px;

	margin-top: 0px;

}





#smenu1 {

	position: absolute;

	width : 150px;

	margin-top: 20px;

	margin-left: -112px;



	/* commented backslash hack v2 for IE5 MAC\*/

	margin-left: 201px;

	/* end hack */



	visibility: hidden;

	filter: revealTrans(Duration=0.5, Transition=5);

	font-size: 11px;

	font-weight: 600;

	color: #f28b05;

	background-color: #F7BB86;

	padding: 5px 10px 5px 5px;

}

#smenu2 {

	position: absolute;

	width : 150px;

	margin-top: 20px;

	margin-left: -138px;



	/* commented backslash hack v2 for IE5 MAC \*/

	margin-left: 0px;

	/* end hack */

	_margin-left: 313px;



	visibility: hidden;

	filter: revealTrans(Duration=0.5, Transition=5);

	font-size: 11px;

	font-weight: 600;

	color: #f2de05;

	background-color: #F6E896;

	padding: 5px 10px 5px 5px;

}

#smenu3 {

	position: absolute;

	width : 150px;

	margin-top: 20px;

	margin-left: -106px;



	/* commented backslash hack v2 for IE5 MAC\*/

	margin-left: 0px;

	/* end hack */

	_margin-left: 453px;



	visibility: hidden;

	filter: revealTrans(Duration=0.5, Transition=5);

	font-size: 11px;

	font-weight: 600;

	color: #0fb303;

	background-color: #9CCC99;

	padding: 5px 10px 5px 5px;

}

#smenu1 ul, #smenu2 ul, #smenu3 ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#smenu1 li, #smenu2 li, #smenu3 li {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#smenu1 a, #smenu1 a:visited, #smenu2 a, #smenu2 a:visited, #smenu3 a, #smenu3 a:visited {

	display:block;

	width: 100%;

	color: #0068b4;

	text-decoration:none;

}

#smenu1 a:active, #smenu2 a:active, #smenu3 a:active, #smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover {

	display:block;

	width: 100%;

	color: #ffffff;

	text-decoration:underline;

}





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

























/*************************************** Corps *********************************************/



#contenu {

	float: left;

	z-index:0;

	width: 720px;

	background-color: #ffffff;

}



#gauche {

	float: left;

	width: 198px;

}



#zone_pdts {

	margin: 5px 0px 10px 5px;

}

.pdt {

	width: 100%;

	padding-bottom: 5px;

}



#zone_logo_partenaires {

	padding: 10px 20px 10px 20px;

	margin: 0px;

}

.logo_partenaire {

	padding-bottom: 10px;

}



.img_gauche {

	float: left;

	padding: 0px 5px 0px 0px;

	margin: 0px;

}





#droite {

	float: right;

	width: 520px;

	_width: 518px;

	/*margin-left: 200px;*/

}



.bloc_long_droite {

	float:left;

	width: 519px;

	background-image: url(fd_bleu.jpg);

	background-repeat: repeat-y;

	background-position: right;

	border-left: 1px solid #0068b4;

	/* commented backslash hack v2 for IE5 MAC\*/

	width: 520px;

	/* end hack */

}



.boite_gauche {

	float: left;

	width: 358px;

}



.boite_droite {

	float: right;

	width: 160px;

	_width: 158px;

}





p.texte_boite, p.spip {

	padding: 5px;

	margin: 0px;

}



p.texte_boite_bleu {

	padding: 5px;

	margin: 0px;

	color: #0068b4;

}

p.liens_mois {

	padding: 2px 0px;

	text-align: center;

}





h1.texte_boite_rouge {

	padding: 5px 5px 0px 5px;

	margin: 0px;

	color: #e60003;

}

h1.texte_boite {

	padding: 5px 5px 0px 5px;

	margin: 0px;

	color: #0068b4;

	width: 90%;

	/* commented backslash hack v2 for IE5 MAC\*/

	width: 100%;

	/* end hack */

	_width: 90%;

}



h2.texte_boite {

	font-size: 11px;

	font-weight: 600;

	padding: 5px 5px 0px 5px;

	margin: 0px;

}

h3.texte_boite {

	font-size: 10px;

	font-weight: 600;

	padding: 5px 5px 0px 5px;

	margin: 0px;

}

h4.texte_boite {

	font-size: 11px;

	padding: 0px 5px 0px 5px;

	margin: 0px;

	font-weight: 400;

}



.texte_boite a:link {color: #000000; text-decoration: underline; }

.texte_boite a:visited {color: #000000; text-decoration: underline; }

.texte_boite a:hover, .texte_boite_bleu a:hover {color: #0068b4; text-decoration: none; }

.texte_boite a:active, .texte_boite_bleu a:active {color: #0068b4; text-decoration: none; }

.texte_boite_bleu a:link    {color: #0068b4; text-decoration: none; }

.texte_boite_bleu a:visited {color: #0068b4; text-decoration: none; }

.liens_mois a:link {color: #000000; text-decoration: underline; }

.liens_mois a:visited {color: #000000; text-decoration: underline; }

.liens_mois a:hover    {color: #0068b4; text-decoration: none; }

.liens_mois a:active {color: #0068b4; text-decoration: none; }



.img_nvt {

	float: left;

	padding: 10px 15px 5px 5px;

}



.lien_suite {

	text-align: right;

	font-weight: 600;

	margin: 0px;

	padding: 5px 5px 10px 5px;

}

.lien_suite a:link    {color: #000000; font-weight: 600; text-decoration: none; }

.lien_suite a:visited {color: #000000; font-weight: 600; text-decoration: none; }

.lien_suite a:hover   {color: #000000; font-weight: 600; text-decoration: underline; }

.lien_suite a:active  {color: #000000; font-weight: 600; text-decoration: underline; }



.ligne_tirets {

	float: left;

	width: 160px;

	_width: 158px;

	border-top: 1px dashed #000000;

}



#savoir_plus {

	float: left;

	width: 358px;

	height: 14px;

	background-image: url(plus_info.gif);

	background-repeat: no-repeat;

	background-position: bottom;

}

#zone_savoir_plus {

	float: left;

	width: 358px;

	height: 14px;

	margin-left: 0px;

	margin-top: 0px;

}



#ligne_bleue {

	float: left;

	width: 358px;

	border-bottom: 1px solid #0068b4;

	padding: 0px;

	margin: 0px;

}



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



#pied {

	float:left;

	width: 740px;

	height: 30px;

	background-image: url(pied_page.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#zone_pied1 {

	float:left;

	width: 115px;

	height: 20px;

	margin-left: 444px;

	margin-top: 0px;

}

#zone_pied2 {

	float:left;

	width: 56px;

	height: 20px;

	margin-left: 2px;

	margin-top: 0px;

}

#zone_pied3 {

	float:left;

	width: 112px;

	height: 20px;

	margin-left: 1px;

	margin-top: 0px;

}

.spip_documents_center {
	text-align:center;
}