/********/
/* MAIN */
/********/

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #333;
    background: #e0e0e0;
}

div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}

h1, h2, h3 {
	font-family: Arial Black;
	font-weight:normal;
}

h1 { font-size: 23px; color: #004A99;letter-spacing: .15em  }
h2 { font-size: 18px; color: #004A99; line-height:30px; border-bottom: 1px solid #006AB2;letter-spacing: .15em }
h3 { font-size: 15px; color: #006AB2; line-height:20px;}
h4 { font-size: 13px; color: #006AB2;}

.indent {margin-left: 10px;}

p { padding: 0 0 1em; }

a, a:link { 
		font-weight:bold;
    text-decoration: none;
    color: #004A99;
    border-bottom: 1px dotted #004A99; 
}
a:visited { color: #004A99; border-color: #004A99; }
a:hover { color: #006AB2; border-color: #006AB2; text-decoration: none; }
a:active { color: #E2001A; border-color: #bd1220 }


a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0 0 20px 1em;
}

li {
    list-style: none;
    margin-left:-1em;
    padding-left: 1em;
    margin-bottom: 3px;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
/*    border:1px solid #000000; */
}

acronym, abbr, span.caps {
	font-size: 10px;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }

.success {
  padding: 12px 12px 12px 40px;
  margin:10px 0 10px 0;
  border: 1px solid #006AB2;
  color: #006AB2;
  font-weight:bold;
  background: #eee url(images/message_success.gif) no-repeat center left; 
}

.error  {
  padding: 12px 12px 12px 40px;
  margin:10px 0 10px 0;
  border: 1px solid #E2001A;
  color: #E2001A;
  font-weight:bold;
  background: #eee url(images/message_error.gif) no-repeat center left; 
}

.message  {
  padding: 12px 12px 12px 40px;
  margin:10px 0 10px 0;
  border: 1px solid #006AB2;
  color: #006AB2;
  font-weight:bold;
  background: #eee url(images/message_warning.gif) no-repeat center left; 
}

.little_red {font-size:9px;color: #E2001A;}
.little_blue {font-size:9px;color: ##006AB2;}
.red {color: #E2001A;}
.green {color: #00662C;}


p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

#margin_left {
    float:left;
    width: 28px;
}

#margin_right {
    float:right;
    width: 10px;
}

#logo { 
    padding-top:7px;
    padding-left:41px;
    float:left;
    width: 485px;
    height: 80px;
}

#logo a { 
  border:none;
}

#menubar { 
    float:left;
    padding: 0 0 0 25px;
    color: #fff;
    height: 22px;
}

#spacer_accueil_1 {
  float:left;
  width:500px;
  height:16px;
}

#spacer_accueil_2 {
  float:left;
  width:270px;
  height:248px;
}


.image_accueil {
  float:left;
  width:255px;
  height:248px;
  background: url(images/image_accueil_hover.gif) no-repeat 0 0; 
}
.image_accueil a {
  display: block ;
  overflow:hidden;
  width:100%;height:100%;
  background: url(images/image_accueil.gif) no-repeat 0 0; 
  border-bottom:none;
}
.image_accueil a:hover {background-image:none;border-bottom:none;}

.espace_particuliers_particuliers {float:left;width:100px;height:80px;background: url(images/espace_particuliers.gif) no-repeat 0 -80px;}

.espace_particuliers_entreprises {float:left;width:100px;height:80px;background: url(images/espace_particuliers.gif) no-repeat 0 -80px;}
.espace_particuliers_entreprises a {
	display: block ;
	overflow:hidden;
	width:100%;height:100%;
	background: url(images/espace_particuliers.gif) no-repeat 0 0; 
  border-bottom:none;
}
.espace_particuliers_entreprises a:hover {background-image:none;border-bottom:none;}


.espace_entreprises_entreprises {float:left;width:100px;height:80px;background: url('images/espace_entreprises.gif') no-repeat 0 -80px;}

.espace_entreprises_particuliers {float:left;width:100px;height:80px;background: url('images/espace_entreprises.gif') no-repeat 0 -80px;}
.espace_entreprises_particuliers a {
	display: block ;
	overflow:hidden;
	width:100%;height:100%;
	background: url('images/espace_entreprises.gif') no-repeat 0 0; 
	border-bottom:none;
}
.espace_entreprises_particuliers a:hover { background-image:none;	border-bottom:none; }


h3.objectifs {background: url(images/puce_cible_100.gif) no-repeat 0 0; height:22px; padding-left:26px;}
h3.publics {background: url(images/puce_public_100.gif) no-repeat 0 0; height:22px; padding-left:26px;}
h3.caracteristiques {background: url(images/puce_interrogation_100.gif) no-repeat 0 0; height:22px; padding-left:26px;}
h3.charge {background: url(images/puce_fleche_haut_droit_100.gif) no-repeat 0 0; height:22px; padding-left:26px;}
h3.contribution {background: url(images/puce_pourcent_100.gif) no-repeat 0 0; height:22px; padding-left:26px;}
h3.loupe {background: url(images/puce_loupe_100.gif) no-repeat 0 0; height:22px; padding-left:26px;}
h3.dossier {background: url(images/puce_dossier_100.gif) no-repeat 0 0; height:22px; padding-left:26px;}

p.FSF_pagination {text-align:center;height:23px;}
h3.FSF_pagination {background: url(images/puce_fleche_bleue.gif) no-repeat 5px 5px; height:23px; padding-left:32px;}

.FSF_result {
  padding-left:12px;
  background: url(images/puceBleue.gif) no-repeat 0 6px;
}

a.FSF_resultLink {
  font-weight:bold;
}

/*********/
/* FORMS */
/*********/

/*
form {
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	margin:0;
	font-family: Arial Black;
	font-weight:normal;
  font-size: 15px; color: #008FD4;
  line-height:20px;	clear: both;
}

form label {
	line-height: 1.5em;
	float: left;
	width: 310px;
	padding: 5px 0 0 0;
}

form label input {
margin-top: 3px;
width: 310px;
}

form select {
	float: left;
	display: block;
	width: 310px;
}

form input.radio {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox {
margin-top:5px;
}


*/
/* style the form elements to look similar across browsers ... emulates Safari */
/*

form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left; 
}*/
/*
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}*/
/*
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}
*/
/*
form input.button {
    clear: left;
    width: 80px;
}
*/
/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}

.required {color:#E2001A;}

.label_title {font-weight:normal;color:#666}
.button {margin-top:10px;}

p.profil_name {font-weight:bold;}
.profil_birthdate {font-weight:normal;}
p.profil_adresse {padding-left:30px; background: url(images/profil_adresse.gif) no-repeat 0 0;}
p.profil_telephone {padding-left:30px; background: url(images/profil_telephone.gif) no-repeat 0 0;}
p.profil_email {padding-left:30px; background: url(images/profil_email.gif) no-repeat 0 0;}
p.profil_imprimer {padding-left:30px; background: url(images/profil_imprimer.gif) no-repeat 0 0;}

th.darkblue {background:#006AB2;color:white;text-align:center;vertical-align:middle;}
th.lightblue {background:#008FD4;color:white;text-align:center;vertical-align:middle;}
tr.transparent {border:none}

table {
  border:1px solid #006AB2;
/*  border-collapse: collapse; */
  border-spacing: 2px;
  width:100%;
}

th, td { 
  border:1px solid #006AB2;
  padding:2px;
}

table.noborder {
  border:none;
  padding:2px;
  border-spacing: 2px;
  width:100%;
}

td.noborder { 
  background:#E0E0E0;
  border:none;
  padding:2px;
}

th.noborder {
  background:#008FD4;
  color:white;
  text-align:center;
  vertical-align:middle;
  border:none;
}

th.border, td.border { 
  border:1px solid #006AB2;
  padding:2px;
  background:#E0E0E0;
}


th.empty {border:none;}

.title4 {
	font-weight:bold;
	font-size: 13px;
	color: #008FD4;
	line-height:20px;
	padding-bottom:5px;
	}

form.default fieldset {
    border: none;
    margin:2px 0 2px 0;
}

form.default label {
  display: inline;
  padding:0px 20px 0 0;
  float: left;
  width: 150px;
  text-align:right;
  margin:9px 2px 3px 2px;
/*  height:16px;*/
/*  border:1px dotted green;  */
  } 


form.default input {
  display: inline;
  float: left;
  width:290px;
  margin:8px 0 8px 0px;
/*  border:1px dotted red; */
}

form.default select {
  display: inline;
  float: left;
  width:290px;
  margin:8px 0 8px 0px;
}

form.default textarea {
  display: inline;
  float: left;
  width:290px;
  margin:8px 0 8px 0px;
}


form.default legend {
	margin:0;
	font-family: Arial Black;
	font-weight:normal;
  font-size: 15px; color: #008FD4;
  line-height:20px;	clear: both;
}

form.default input.checkbox {
  margin:5px 0 0px 0;
  float: left;
  width:20px;
	height:14px;
/*  border:1px solid red;  */
}


form.cv fieldset {
  border:1px solid #006AB2;
  width:485px;
  padding:15px 5px 10px 5px;
}

form.cv legend {
	margin:0;
	font-family: Arial Black;
	font-weight:normal;
  font-size: 15px; color: #008FD4;
  line-height:20px;	clear: both;
  padding:0 1em 0 1em;
}


form.cv input {
  display: inline;
  float: left;
  width:250px;
  margin:2px;
/*  border:1px dotted red;  */
}

form.cv textarea{
  float: left;
  width:250px;
  height:50px;
  margin:2px;
}

form.cv select {
  float:left;
  width:250px;
}


form.cv label {
  display: inline;
  padding:2px 20px 0 0;
  float: left;
  width: 185px;
  text-align:right;
  margin:2px;
/*  height:14px; */
/*  border:1px dotted green;  */
  } 

.label_checkbox {
  display: inline;
  float: left;
  width: 250px;
	text-align:left;
}

form.cv input.checkbox {
  margin:5px 0 0px 0;
  float: left;
  width:20px;
	height:14px;
/*  border:1px solid red;  */
}

form.JO input {
  width:200px;

}

form.JO label {
  display: inline;
  float: left;
  width: 150px;
} 

.invisible {height:0;width:0;padding:0;margin:0;}

form.old fieldset {
  border:none;
}