/*	-----------------------------------------------------------
--
--	Avenir Mutualiste
--	CSS ecran
--  revision : mai 2007
-- 	bug a rapporter : aurelien POINT ferlito CHEZ free POINT fr
--
------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	height: 100%;
}
div#wrap {
	width: 960px;
	margin: 0 auto;
}

/*	-----------------------------------------------------------
--	spacer, annonces, avertissements
------------------------------------------------------------ */
div.spacer {
	clear: both;
	height: 1px;
}
noscript#avertissement p {
	background-color: #FF6633;
	color: #f2f2f2;
	font-size: 1.55em;
	line-height: 140%;
	padding: 1em;
	border: 1px dotted #000;
	position: absolute;
	top: 1em;
	left: 48%;
	width: 46em;
	margin-left: -23em;
	z-index: 200;
}
noscript#avertissement p strong {
	color: #fff;
}
div#alerte {
	font-size: 1em;
	line-height: 140%;
	color: #FF6633;
	padding: 1em;
	margin: .1em 0 2em;
	border: 1px dotted #000;
}
p.annonce {
	background-image: url(../img_layout/annonce.gif);
	background-position: 2em center;
	background-repeat: no-repeat;
    border: 1px dotted #FF6600;
    padding: 2em 2em 2em 6em;
    margin: 2em 0;
	width: 82.8%;
}
p.annonce a {
	font-weight: bold;
}
div#messageWanewsletter {
	color: #FF3300;
	font-size: 1em;
	line-height: 200%;
	margin: 1em 0 0 0;
	padding: 1em 2em;
	border: 1px dotted black;
}

/*	-----------------------------------------------------------
--	header : logo, rotation d'images, connexion, lettre info
------------------------------------------------------------ */
div#header {
	background: url(../img_layout/header_bg02.gif) no-repeat top left #fff;
	width: 960px;
	height: 209px;
	position: absolute;
	top: 0;
}
div#header2 {
	background: url(../img_layout/header_bg03.gif) no-repeat top left #fff;
	width: 960px;
	height: 209px;
	position: absolute;
	top: 0;
}
img#logo {
	position: absolute;
	border: none;
}
img#headerRotation {
	position: absolute;
	top: 0;
	left: 180px;
}
img#headerRotation2 {
	position: absolute;
	top: 0;
	left: 241px;
}
div#cnx {
	width: 195px;
	background: url(../img_layout/hachures.gif) repeat-x left top;
	padding: 0.8em 0 0 0;
	float: right;
}
div#cnx h5 {
	font-size: 1.2em;
	line-height: 140%;
	text-align: right;
	margin-bottom: .3em;
}
div#cnx ul {
	list-style-type: none;
	line-height: 140%;
	font-weight: bold;
	float: right;
}
div#cnx li {
	text-align: right;
}
div#cnx a {
	background: url(../img_layout/flechejaune.gif) no-repeat right center;
	padding-right: 2em;
	color: #003F5E;
	text-decoration: none;
}
div#cnx a:hover {
	color: #000;
	text-decoration: underline;
}


div#header div.bulletin {
	width: 195px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 77px;
}
div#header div.bulletin h5 {
	font-size: 1.2em;
	line-height: 140%;
	margin-bottom: .1em;
	padding-top: .2em;
	border-top: 1px dotted #ccc;
	text-align: right;
	clear: both;
}
div#header form.bulletinForm,
div#header fieldset.bulletinField {
	border: none;
	margin-bottom: 25px;
}
div#header div.bulletin label {
	font-size: 1.1em;
}
div#header input.bulletinChamp {
    font-size: 11px;
	color: #4d4d4d;
	background-color: #F1EFF1;
    height: 16px;
    width: 110px;
    display: block;
    padding: 4px 0 0 7px;
	margin: 5px 0 0 15px;
    border: 1px inset #dccfd3;
	float: left;
	font-style: italic;
}
div#header input.bulletinChamp:hover,
div#header input.bulletinChamp:focus {
	background-color: #fff;
	font-style: normal;
}
div#header input.bulletinOK {
	float: right;
	padding: 0 .5em;
	height: 23px;
	background-color: #FBDA07;
	border: 1px outset #FBDA07;
	margin-top: 4px;
}

/*	-----------------------------------------------------------
--	conteneur 3 colonnes
------------------------------------------------------------ */
div#contenu {
	position: relative;
	top: 209px;
	width: 100%;
	background: url(../img_layout/contenubg.gif) repeat-y left top;
}

/*	-----------------------------------------------------------
--	navigation
--	nb: commun_nav.css precise le bg de chaque lien
--	nb: menus.css definit opacite + eventuels borders
------------------------------------------------------------ */
div#navBox {
	/*position: absolute;
	top: 0;
	z-index: 10000;*/
}
ul#nav {
	width: 180px;
	float: left;
	list-style-type: none;
}
ul#nav li ul li a { /* sous-menu grosse largeur */
	width: 250px;
}
ul#nav li {
	border-bottom: 1px solid #fff;
	line-height: 150%;
	position: relative;
}
ul#nav li:hover ul {
	display: block;
	list-style-type: none;
}
ul#nav li ul {
	position: absolute;
	left: 180px;
	top: 0;
	display: none;
}
ul#nav a { /* background dynamique: voir commun_nav.css */
	font-weight: bold;
	color: #015c86;
	background-color: #e9e9e9;
	text-decoration: none;
	padding: 7px 30px 7px 10px; /* padding droit à 30px pour proteger parenthese, si grosse largeur d'item */
	display: block;
	width: 140px; /* vraie largeur 170px */
}
ul#nav li li a {
	padding: 4px 30px 4px 10px; /* sous-menu moins épais en hauteur */
}
ul#nav a:hover {
	color: #000;
	background-color: #F0F0F0;
}
ul#nav .pasgras {
	font-weight: normal;
}
ul#nav ul .pasgras {
	margin-left: 17px;
}
ul#nav li:hover ul,
ul#nav li.over ul {
	display: block;
}
ul#nav li ul li a span.puceSousMenu { /* puce de couleur des sous-menus */
	padding-right: .8em;
	font-size: 1.4em;
	line-height: 100%;
}


/*	-----------------------------------------------------------
--	colCentre : styles communs
------------------------------------------------------------ */
div#colCentre {
	float: left;
	width: 540px;
	padding: 0 15px;
}
div#slogan {
	margin: 0 0 0 0;
	width: 537px;
	text-align: center;
}
div#slogan p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 140%;
	padding: 0 1em;
}
div#bannierePub1 {
	margin:0 0 20px 0;
	padding: 5px 0 5px 0px;
	width:500px;
	background-color: #fff;
}
div#bannierePub2 {
	margin:0 0 20px 0;
	padding: 5px 0 5px 35px;
	width:500px;
	background-color: #fff;
}

/*	attention, sont construits dynamiquement :
--	div#colCentre.box01,
--	div#colCentre.box02, et ainsi de suite */

div.editable {
	/* partie construite d'apres le modele de page */
}
div.fixe {
	/* contenu provenant de l'edition wiki du CMS, saisie utilisateur */
}
div#colCentre div.col {
	float: left;
	width: 269px;
}
div#colCentre .pos01 { /* combiner avec div.col */
	/* rien */
}
div#colCentre .pos01 h1 {
	width: 246px; /* hack IE */
	padding-right: 12px;
}
div#colCentre .pos02 { /* combiner avec div.col */
	float: right;
}
div#colCentre .pos02 h1 {
	width: 256px; /* hack IE */
	padding-left: 12px;
}
div#colCentre h1 {
	margin: 0 0 .7em 0;
	font-size: 1.12em;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #e9e9e9;
	padding: .6em 0 .4em 1em;
	color: #222;
	border-bottom: 4px solid; /* couleur dynamique: voir commun_nav.css */
}
div#colCentre h2 {
	margin: 0 0 0 0;
	color: ; /* couleur dynamique: voir commun_nav.css */
	font-size: 1.3em;
	line-height: 150%;
}
div#colCentre h2 + h3 {
	margin: 1em 0 0 0;
}
div#colCentre h3 {
	margin: 0 0 0 0;
	color: #000;
	font-size: 1em;
	line-height: 150%;
}
div#colCentre p {
	margin: 0 0 .7em 0;
	color: #222;
	font-size: 1em;
	line-height: 150%;
}
div#colCentre q {
	line-height: 155%;
	font-style: italic;
	color: #666;
	background: url(../img_layout/news_blockquote.gif) left 5% no-repeat;
	padding: 0 0 1em 6em;
	min-height: 3em;
	display: block;
}

div#colCentre p.right {
	text-align: right;
}
div#colCentre ul,
div#colCentre ol {
	margin: 0 0 .7em 0;
	padding: 0 0 0 1.4em;
	color: #222;
	font-size: 1em;
	line-height: 150%;
	list-style-position: inside;
}
div#colCentre p + ul {
	margin: -.5em 0 .7em 0;
}


div.hr {
	height: 1px;
	width: 70%;
	margin: 22px auto;
	color: #FFCC00;
	background-color: #FFCC00;
	border: 0;
	clear: both;
}
div.flottantGauche {
	float: left;
	background-color: #fff;
	margin: 6px 15px 0 0;
	display: block;
}
div.flottantDroite {
	float: right;
	background-color: #fff;
	margin: 6px 0 0 15px;
	display: block;
}
div.flottantCentre {
	margin: 10px auto;
	background-color: #fff;
	display: block;
}
p.legendeImage {
	font-size: .9em;
	line-height: 130% !important;
	color: #999;
	width: 95%;
}
p.legendeImage span.creditImage {
	color: #ccc;
	display: block;
	clear: both;
}

div#colCentre a {
	color: #222;
}
div#colCentre a:hover {
	color: #000;
	text-decoration: none;
}
.couleur1 {
	color: #FF6600;
}
.couleur2 {
	color: #99CC00;
}
div#colCentre div.fixeAccueil .entreprises p a {
	border-bottom: 1px #ccc solid;
	text-decoration: none;
}
div#colCentre div.fixeAccueil .entreprises p a:hover {
	border-bottom: none;
	text-decoration: none;
}

/*	-----------------------------------------------------------
--	colCentre : adhesion lettre d'information (page)
------------------------------------------------------------ */
div#colCentre div.bulletin {
	/* cette box sert dans le header et dans la page d'inscription */
}
div#colCentre h5 {
	font-size: 1.2em;
	line-height: 140%;
	margin-bottom: .1em;
}
div#colCentre form.bulletinForm,
div#colCentre fieldset.bulletinField {
	border: none;
	margin-bottom: 25px;
}
div#colCentre label {
	font-size: 1em;
	margin-right: 1em;
}
div#colCentre input.bulletinChamp {
    font-size: 11px;
	color: #4d4d4d;
	background-color: #F1EFF1;
    height: 16px;
    width: 200px;
    display: block;
    padding: 4px 0 0 7px;
	margin: 5px 0 0 0;
    border: 1px inset #dccfd3;
	float: left;
	font-style: italic;
}
div#colCentre input.bulletinChamp:hover,
div#colCentre input.bulletinChamp:focus {
	background-color: #fff;
	font-style: normal;
}
div#colCentre input.bulletinOK {
	float: left;
	padding: 0 2em;
	height: 23px;
	background-color: #FBDA07;
	border: 1px outset #FBDA07;
	margin: 4px 0 0 1em;
}

/*	-----------------------------------------------------------
--	colCentre : navigation entre plusieurs pages
------------------------------------------------------------ */
div.naviBoutons {
	margin: 0 0 1em 0;
	padding: 0 0 .2em 0;
	border-bottom: 1px #ccc dotted;
}
.bas { /* placement en bas de page */
	margin: 1.4em 0 0 0 !important;
	padding: .6em 0 0 0 !important;
	border-top: 1px #ccc dotted;
	border-bottom: none !important;
}
div.naviBoutons span.pageNumero a {
	padding: 0 .5em;
}
div.naviBoutons a {
	background-repeat: no-repeat;
	color: #E69500 !important;
}
div.naviBoutons a:hover {
	color: black !important;
}
div.naviBoutons a.retour {
	background-image: url(../img_layout/article_precedent.gif);
	background-position: left center;
	padding-left: 1.8em;
	margin: 0 .8em;
}
div.naviBoutons a.precedent {
	background-image: url(../img_layout/article_precedent.gif);
	background-position: left center;
	padding-left: 1.8em;
	margin: 0 .8em;
}
div.naviBoutons a.suivant {
	background-image: url(../img_layout/article_suivant.gif);
	background-position: right center;
	padding-right: 1.9em;
	margin: 0 .5em 0 .8em;
}
div.naviBoutons a.dateToutes {
	background-image: url(../img_layout/actualite_toutes.gif);
	background-position: left center;
	padding-left: 1.8em;
	margin: 0 .8em 0 1em;
}

/*	-----------------------------------------------------------
--	colCentre : lettres  archives
------------------------------------------------------------ */
div.fixeArchive {
	/* declaration */
}
div.fixeArchive ul {
	list-style-type: none;
}
div.fixeArchive li {
	zbackground: url(../img_layout/lettre_archive.gif) left top no-repeat;
	zpadding-left: 2em;
	margin-bottom: 2em;
	line-height: 160%;
}
span.articleTitre {
	font-weight: bold;
	background-color: #e9e9e9;
	padding: 0 .4em;
}
span.articleDatepub {
	color: #666;
	font-style: italic;
}
span.ouvrirLettre {
	background: url(../img_layout/lettre_ouvrir.gif) left 50% no-repeat;
	padding: .5em 0 0 2em;
	margin: 0 0 .2em 0;
	display: block;
}
span.telechargerFichier {
	background: url(../img_layout/lettre_telecharger.gif) left 50% no-repeat;
	padding: 0 0 0 2em;
	margin: 0 0 0 0;
	display: block;
}

/*	-----------------------------------------------------------
--	colDroite
------------------------------------------------------------ */
div#colDroite {
	float: right;
	width: 195px;
}
div#colDroite h1 {
	font-size: 1.3em;
	line-height: 120%;
	font-weight: bold;
	color: #000;
	margin: 0 0 0 0;
}
div#colDroite h2 {
	font-size: 1.15em;
	line-height: 150%;
	font-weight: bold;
	color: #000;
	margin: .3em 0 0 0;
}
div#colDroite h3 {
	font-size: 1em;
	line-height: 150%;
	font-weight: bold;
	color: #000;
	margin: .3em 0 0 0;
}
div#colDroite p {
	font-size: 1em;
	line-height: 150%;
	font-weight: normal;
	color: #222;
	margin: 0 0 .4em 0;
}
div#colDroite ul,
div#colDroite ol {
	margin: 0 0 .7em 0;
	padding: 0 0 0 1.4em;
	color: #222;
	font-size: 1em;
	line-height: 150%;
	list-style-position: inside;
}
div#colDroite p + ul {
	margin: -.5em 0 .7em 0;
}
div#colDroite a {
	color: #222;
}
div#colDroite a:hover {
	color: #000;
	text-decoration: none;
}


div#colDroite img {
	border: none;
}
div#carte {
	width: 100%;
}
div#carte p {
	text-align: center;
}
div#carte img {
	margin: 0 auto;
	text-align: center;
}
div#carte h5 {
	background-color: #F5F5F5;
	margin: .7em 0 0 0;
	padding: .3em 0;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
}
div#carte h5 span {
	display: block;
	font-size: .75em;
	font-style: italic;
	color: #444;
}
div#carte h5 a {
	color: #000;
	text-decoration: none;
}
div#carte h5 a span {
	color: #444;
}
div#partenariat {
	width: 100%;
	margin: 1em 0;
}
div#camif {
	width: 100%;
	margin: 1em 0;
}

/*	-----------------------------------------------------------
--	formulaires : styles communs
------------------------------------------------------------ */
form.formulaire {
    margin: 22px 0;
	width: 545px;
}
fieldset.field {
    border: 1px dotted #cccccc;
    margin: 0 5px 16px 0;
	padding: 11px 12px 22px 22px;
}
legend.legend {
    margin: 0 0 0 11px;
    padding: 0 11px;
    background-color: white;
	font-weight: bold;
}
label.labelFlottant {
	font-size: 11px;
	color: #4d4d4d;
	line-height: 20px;
}
label.labelUneLigne {
	font-size: 11px;
	color: #4d4d4d;
    display: block;
    width: 100%;
    margin: 12px 0 3px;
}
input.radioFlottant {
	font-size: 11px;
	color: #4d4d4d;
	padding-right: 5px;
}
input.inputUneLigne {
	font-size: 11px;
	color: #4d4d4d;
    display: block;
    width: 100%;
    height: 18px;
    padding-top: 4px;
    border: 1px inset #dccfd3;
}
input.inputUneLigne:focus,
textarea.area:focus {
	background-color: #F9F8F9;
}
input.casecarree {
	/* laisser vide */
}
label.labelFlottantcase {
	font-size: 11px;
	color: #4d4d4d;
	line-height: 20px;
	padding-left: 8px;
}
textarea.area {
    width: 100%;
    height: 75px;
    border: 1px inset #dccfd3;
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4d4d;
}
.obligatoire {
	color: #ed1c24 !important;
}
form#contactsForm div.col {
	width: 230px !important;
	float: left;
}
form#contactsForm .pos01 {
	/* rien */
}
form#contactsForm .pos02 {
	padding-left: 2.5em;
}
form#contactsForm div.colUnique {
	width: 490px;
	padding: 0 10px 1.5em 0;
}
input.boutontype1 {
	margin-top: 2em;
	height: 24px;
	display: block;
	padding: .1em 1em .4em;
	float: left;
	background-color: #F2F2EF;
	border: 1px solid #D8D8D5;
	-moz-border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
input.boutontype1:hover {
	background-color: #fff;
	color: #000;
}
input.boutonRaz {
	font-weight: normal;
	margin-right: 2em;
}
p.mentionObligatoire {
	padding: 1em 0 0 0;
}

/*	-----------------------------------------------------------
--	colCentre : formulaire sante
------------------------------------------------------------ */
form#devisSante div.col {
	width: 230px !important;
	float: left;
}
form#devisSante .pos01 {
	/* rien */
}
form#devisSante .pos02 {
	padding-left: 2.5em;
}
form#devisSante div.colUnique {
	width: 490px;
	padding: 0 10px 1em 0;
}
form#devisSante fieldset fieldset {
    border: 1px dotted #ddd;
    margin: 0;
	padding: 0 12px 22px 22px;
}
form#devisSante fieldset fieldset div.col {
	width: 205px !important;
	float: left;
}
form#devisSante input#adhesionSoumettreBouton {
	margin: 1em 0 2em 0 !important;
}

/*	-----------------------------------------------------------
--	footer
------------------------------------------------------------ */
div#footer {
	border-top: 1px dotted #666;
	margin-top: 1em;
	padding: 4em 0 1em;
	clear: both;
	width: 100%;
	background: url(../img_layout/footerbg.gif) center 25% no-repeat white;
}
div#footer ul {
	list-style-type: none;
	line-height: 140%;
	text-align: center;
	white-space: nowrap;
}
div#footer li {
	list-style-type: none;
	line-height: 140%;
	display: inline;
}
div#footer a {
	color: #666;
	margin: 0 .7em;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}