/* @override http://keroul.localhost/css/generique/modele.css */
/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 	{ margin: 0; padding: 0; border: 0; }
img			{border:none;}

a			{color: #003e5f; }
a:visited	{}
a:hover		{}
a:active	{}
a:focus		{outline:none; }
a img		{text-decoration: none; border: none; }

hr			{display:none;clear: both;}
li			{list-style-type:none;list-style-position:outside; font-size: 12px; }
table		{border-collapse: collapse; }
td			{vertical-align: top; }
th			{vertical-align: top; text-align: left; font-weight: bold; }
p			{margin-bottom: 0.5em; font-size: 12px; }
input[type='text'] { padding: 2px; }
sup			{ font-size: 9px; line-height: 8px; }
/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear			{clear:both;font-size:1px;line-height:0;}
.right, .right_2{float:right;}
.left, .left_2	{float:left;}
.center			{text-align:center;display:table;margin-left:auto;margin-right:auto;}

/* bordure */
.no_border{border:none;}

/* centrage txt*/
.txt-c		{text-align:center;}
.txt-l		{text-align:left;}
.txt-r		{text-align:right;}
.txt-j		{text-align:justify;}

/* alignement vertical */
.valign-t	{vertical-align:top;}
.valign-m	{vertical-align:middle;}
.valign-b	{vertical-align:bottom;}

/* position */
.rel		{position:relative}

/* element de hauteur < 10px */
.lf			{line-height:0;font-size:1px;}
/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/
body, table, td	{font: 12px/14px arial, Helvetica, sans-serif; color: #003e5f; }
body			{background: #fff; text-align: center; }

#page			{margin:20px auto;text-align:left;width:960px;  }
.fancybox #page	{margin: 0;text-align:left;width:595px;  }

/* header */
#header			{position:relative; height:450px; }
#logo			{position:absolute;top:0px;left:0px}
#headertxt		{position:absolute;top:30px;left:170px; width: 600px;}
#logokeroul 	{position:absolute;top:0px;right:0px; }
#bandeau		{position:absolute;top:115px;left:0; border:#bdbbbc 1px solid; padding:4px;}
#bandeau div.content	{width:950px}
/* /header */

#headertxt h3 { font-weight: bold; font-size: 12px; line-height: 14px; border: none; color: #6a94a8;  }
#headertxt h3.first {  }
#headertxt p.header_info { position:absolute; top:48px; font-size: 12px; }
#headertxt p.header_info a { text-decoration: none; }

#langue { position: absolute; right: 0; font-size: 11px; bottom: 355px; }

/* ariane */
#ariane			{color:#003e5f}
#ariane a		{color:#003e5f;text-decoration:underline;}
/* ariane */

/* navigation */t
#navigation	{}
.menu		{}
.ss_menu	{}
/*/navigation */

/* corps_page */
#corps_page{width:100%;}
#col_gauche{float:left;width:640px;}
#col_droite{float:right;width:300px;}
/* /corps_page */

/* footer */
#footer				{ border-top: 1px dotted #1b4160; padding: 20px 0; }
#footer a			{ font-size:11px; text-decoration:none}
#footer a:hover		{text-decoration:underline}
#footer .center		{}
#footer li			{display:inline; padding:3px; margin-right: 38px;}
#footer p 			{ font-size: 11px; }
/* /footer */
/*------------------------------------------------ /MODELE SITE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES SITE --------------------------------------------*/
/* texte  = txt article */
.txt		{color:#003e5f;font:normal 11px/14px arial;}
.txt a		{color:#003e5f;}

.thumbnail td			{color:#000;font:bold 10px arial; vertical-align:middle}
.thumbnail .chiffre		{ padding:0 3px 3px 0}

/* /texte */


/* section titres des sections */
#corps_page .titre_section { background-color: #f7f1c8; padding: 7px; height: 24px; margin-bottom: 10px; }
#corps_page .titre_section h2 { text-transform: uppercase; color: #003f5f; font: 22px Arial, Helvetica, Geneva, sans-serif; float: left; width: auto; margin-right: 26px; margin-bottom: 0; }
#corps_page .container_section { overflow: auto; }
#corps_page .titre_section h2 .soft { color: #598297; }
#corps_page .titre_section .form { height: 24px; }
/* /section resultat de recherche */


/* tableau */
table.tableau	{border-collapse:collapse;font-size:10px;}
.tableau th		{border:1px solid #003e5f;vertical-align:top;}
.tableau td		{border:1px solid #003e5f;vertical-align:top;}
/* /tableau */


/* section resultat de recherche */
.resultat_filtre h5 { padding: 3px 0 3px 30px; }
.resultat_filtre .texte_court { padding-left: 30px; }
/* /section resultat de recherche */

/* pagination */
.pagination 		{margin-top:20px;font:normal 11px arial;color:#333; text-align: center; border-top: 1px solid #003e5f; padding-top: 10px;}
.pagination a		{color:#333; padding: 6px;}
.pagination a:hover	{color:#ff6600;}
.pagination strong	{color:#333;}/* page actuelle */
/* /pagination*/

/* bt - lien */
.bt_lien			{margin-top:15px;}




#col_droite a.lire, a.lire				{color:#003e5f;font:bold 11px arial;}
#col_droite a:hover.lire, a:hover.lire	{color:#003e5f;}

/* haut de page */
a.bt_haut_de_page				{display:block;margin-top:15px;color:#003e5f;background:url('../img/picto/haut_de_page.gif') no-repeat;padding:0 0 0 10px;}
a:hover.bt_haut_de_page			{color:#003e5f;}
/* imprimer */
a.bt_imprimer		{display:block;margin-top:15px;color:#003e5f;background:url('../img/picto/imprimer.gif') no-repeat;padding:0 0 0 25px;}
a:hover.bt_imprimer	{color:#003e5f;}
/* bt - lien */

/* separation */
.sep{clear:both;font-size:1px;line-height:0; background:url(../../img/modele/sep-resultats.gif) no-repeat; width:100%; padding-bottom:30px; margin-top:10px;}
/* separation */

/* formulaire */

input[type='checkbox']    { margin-right: 4px; }
input[type='radio']       { margin-right: 4px; }
option                    { -moz-padding-end: 10px; }


fieldset                  { padding: 6px;border:none; }
fieldset td               { padding: 4px 4px 4px 0; }
legend                    { font-weight: bold; color: #999; }

caption		{display:none;}
table.form										{font:normal 10px arial; margin-bottom:25px;}
table#cadre.form 								{ margin-bottom: 5px; }
table.form td, table.form th					{vertical-align:middle;padding-top:3px;font:normal 11px arial;}
table.form th									{font-weight:normal;text-align:left;}
.form a.autre 									{ font:normal 14px Arial, Helvetica, sans-serif; border-bottom:1px #003e5f dashed; text-decoration:none; background:url(../../img/picto/fleche.gif) right 5px no-repeat; padding-right:15px; }
.form .saisie 									{ text-align:right}
.form .saisie input								{font:normal 14px arial;color:#003e5f;border:1px solid #707070;background-color:#ebebeb; width:176px;}
.form .saisie input:focus						{font:normal 14px arial;color:#003e5f;border:1px solid #003e5f;background-color:#F7F1C8;}
.form .saisie textarea							{font:normal 11px arial;color:#003e5f;border:1px solid #003e5f;background-color:white;overflow:auto;}
.form .saisie select							{font:normal 11px arial;color:#003e5f;border:1px solid #707070;background-color:#ebebeb; width:180px}
.form .checkbox, .form .radio					{background:transparent;border:none;margin-left:30px;margin-right:10px;}
.form .checkbox_premier, .form .radio_premier	{background:transparent;border:none;margin:0 5px;}
*> .form option			{padding:0 2px;}
.form .libelle			{color:#003e5f; font-size:14px;}
.form .bt_form			{padding-top:3px;text-align:right;}
.form .libelle strong	{color:#f00;}
.form .no_marge			{padding-top:0;}
/* ---------- */
.form .obligatoire{font:bold 10px arial;color:#003e5f;padding-top:28px;}
.form .indication{font-size:10px;color:blue;}
.cnil	{font:normal 10px arial;color:#003e5f;padding-top:15px;}
.cnil a	{color:#003e5f;}
/* /formulaire */

/* verif formulaire */
.verif_form			{font:normal 11px/14px arial;color:#f00;text-align:left;}
.verif_form div		{background:#fff;padding:5px;margin-top:10px;}
.titre_verif_form	{font-weight:bold;}
.intro_verif_form	{}
.verif_form ul		{}
.verif_form ul li	{}

.form span.verif_form_erreur	{background:white;color:#f00;border:1px solid #f00;display:block;}
.form input.verif_form_erreur	{background:white;color:#f00;border:1px solid #f00;}
.form select.verif_form_erreur	{background:white;color:#f00;border:1px solid #f00;}
.form textarea.verif_form_erreur{background:white;color:#f00;border:1px solid #f00;}

div.verif_form *	{width:779px;}
div.verif_form ul	{width:auto;}
div.verif_form li	{width:auto;}
/* verif formulaire */
/*------------------------------------------- /PROPRIETES SITE --------------------------------------------*/
p.publegend { margin: 8px 0 0 0 !important; padding: 0 !important; text-transform: uppercase; font-size: 8px; color: gray; line-height: 8px; }
.sidepub { text-align: center; border:#bdbbbc 1px solid; padding:10px 0; margin: 0 0 10px 0; }

.info_box			{ margin-bottom: 10px; padding-left:7px; font-size: 12px; 
width: 260px; }
#col_gauche .info_box h2 { text-transform: uppercase; color: #003f5f; margin-bottom: 7px; font-size: 13px; }
/*.description, .coordonnees, .services, .starrating			{ margin-top: 10px; padding-left:7px; font-size: 12px; }*/
/*.article #col_gauche .titre_section.titre_starrating h2			{ margin-bottom: 0 !important; }*/
#col_gauche .info_box h2.titre_starrating			{ margin-bottom: 4px; }
.coordonnees				{  }
.services table td			{ /*vertical-align:middle;*/ padding:0 5px 5px 0}
.article .services ul { margin-left: 17px; margin-bottom: 10px;   }
.article .services li { list-style-type: disc; /*list-style-position: outside;*/ padding: 0px; margin: 0px; /*float: left;*/ /*border: 1px solid pink;*/ }

