/* ------------------------------
css pour la micro-architecture

Creation : Marie-France Fortin
Date de livraison : 12 fevrier 2010 
Look : DAG
Table des matieres : - commun
					 - entete
					 - fil d'arianne
					 - positionnement des images
					 - Notes de bas de page
					 - tableau
					 - pied de page
					 - specifique
					 	- navigation principale niveau 1
					 	- navigation principale niveau 2
					 	- requis pour add rotator
					 	- accueil
							- ab testing
					  	- gestion de crise
					  	- markcoms rotatif
					  	- login box
					  	- colonne de droite 
						- plan du site
					 
------------------------------ */

/*notes, quand ce fichier sera fait, revalider l'accueil, l'entete et le pied de page car ces styles n'auront pas ete overwrites */
/* notes : les h1, h2, h3 utilise des padding au lien de margin
/* ----- commun ----- */
body {
	color:#404040;
	font-family:Arial,Verdana,Helvetica,sans-serif;	
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}

a,
a:link,
a:active,
a:hover {
	color:#17517c;
	text-decoration:underline;
}

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

h1 {
	/*color:#17517c;
	font-size:24px;*/
	color:#5B5B5B;
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
}

h2 {
	/*color:#404040;
	font-size:17px;*/
	color:#03416F;
	font-size:15px;
	font-weight:bold;
	margin:22px 0 6px;
}

h3 {
	/*color:#17517c;
	font-size:14px;*/
	color:#404040;
	font-size:12px;
	font-weight:bold;
	margin:14px 0 6px;
}

h4,
h5,
h6 {
	color:#404040;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}

p {
	/*margin-bottom:6px;*/
	margin-bottom:10px;
}

sup {
	font-size:70%;
	vertical-align:text-top;
}


ol {
	list-style-position:outside;
	margin-left:20px;
}

ul {
	display:block;
	list-style:none outside none;
	width:auto;
}

ol li,
ul ol li {
	background:none;
	padding-left:0;
	margin-bottom:15px;
}

ul li,
ol ul li {
	background:url("/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/puceGlossaire.gif") no-repeat left 5px;
	margin-bottom:15px;
	padding-left:12px;
}

li ol,
li ul {
	margin:15px 0 0 0px;
}


.cacherDiv, .invisible{
display:none;
}

p.dernier,
ul li.dernier,
ol li.dernier{
	margin-bottom:0;
}

/* ----- entete  ----- */
#ucZoneOutilsSite {
	color:#585858;
	font-size:11px;
}

#ucZoneOutilsSite a,
#ucZoneOutilsSite a:link,
#ucZoneOutilsSite a:active,
#ucZoneOutilsSite a:hover,
#ucZoneOutilsSite a:visited {
	color:#0d965a;
	text-decoration:none;
}

#navigationPrincipale ul li{
	padding:0;
	margin:0;
	background:none;
}

/* ----- fil d'arianne ----- */
#filArianne {
	font-size:10px;
	line-height:11px;
}

#filArianne ul li{
	padding:0;
	margin:0;
	background:none;
}


#filArianne a,
#filArianne a:link,
#filArianne a:active,
#filArianne a:hover,
#filArianne a:visited {
	color:#0d965a;
	text-decoration:none;
}

/* ----- positionnement des images ----- */

.ms-rteCustom-imageAlignerGauche, 
.imageAlignerGauche {
	float:left;
	padding-right:20px;
}

.ms-rteCustom-imageAlignerDroite, 
.imageAlignerDroite {
	float:right;
	padding:10px 0 5px 20px;
}

/* ----- notes de bas de page ----- */

#zoneTexte .noteBasPage, #zoneTexte p.noteBasPage,#zoneTexte .noteBasPage p,#zoneTexte .noteBasPage ol {
	margin:10px 0 10px 0;
	font-size:11px;
}

#zoneTexte .noteBasPage p,#zoneTexte .noteBasPage ol{
	font-size:11px;
}


#zoneTexte ol.noteBasPage,#zoneTexte .noteBasPage ol {
	padding-left:20px;
	line-height:15px;
	list-style:decimal;
}

#zoneTexte .noteBasPage li{
	margin-bottom:0px;
}



/* ----- tableau ----- */ /*note voir si je peux reduire*/
table.ms-rteTable-1 {
	border-bottom:1px #000000 solid;	
	border-collapse:separate;
	margin-bottom:10px;
	text-align:left;
	width:100%;
}

/*premiere ligne du tableau*/
table.ms-rteTable-1 .ms-rteTableHeaderRow-1 td {
	background-color:#a1a1a1;
	color:#ffffff;
	font-weight:bold;
	padding:4px 4px 4px 6px;
}

table.ms-rteTable-1 tr td {
	background-color:#ffffff;
	font-weight:normal;
	line-height:inherit;
	padding:5px 4px 5px 6px;
}

/* couleur alternative pour l'alternance de 2 couleurs*/
table.ms-rteTable-1 .ms-rteTableOddRow-1 td {
	background-color:#f8f7f7;
}

/* ----- pied de page ----- */
#ucPiedPageInformationnel {
	color:#404040;
	font-size:11px;
}

#ucPiedPageInformationnel ul li{
	padding:0;
	margin:0;
	background:none;
}

#ucPiedPageInformationnel ul li a,
#ucPiedPageInformationnel ul li a:link,
#ucPiedPageInformationnel ul li a:active,
#ucPiedPageInformationnel ul li a:hover,
#ucPiedPageInformationnel ul li a:visited {
	color:#0c965a;
	text-decoration:none;
}

#piedPageTel {
	font-size:14px;
}

/* ----- specifique ----- */
/* ----- navigation principale niveau 1 -----*/

#navigationPrincipale .RadMenu a.rmLink {
	color: #ffffff;
	text-decoration:none;
}


#navigationPrincipale .rmHorizontal .rmText {
	font-weight: bold;
	text-align:center;
}

/* ----- navigation principale niveau 2 -----*/

#navigationPrincipale .rmVertical a.rmLink,
#navigationPrincipale li#ctl00_MenuHaut_0 a {
	cursor:pointer;
}


#navigationPrincipale .rmVertical .rmText,
#navigationPrincipale .rmVertical a:hover .rmText {
	text-align:left;
}


#navigationPrincipale .RadMenu .rmGroup a.rmLink {
	color: #126644;
}

#navigationPrincipale .RadMenu .rmGroup .rmLink:hover,
#navigationPrincipale .RadMenu .rmGroup .rmExpanded {
	color:#000000;
}

/* ----- requis pour add rotator ----- */
#zoneMarkcoms ul {
	display:block;
	width:100%;
}

#zoneMarkcoms ul li{
	padding:0;
	margin:0;
	background:none;
}

/* ----- accueil ----- */
#plAccueil h2,
#plAccueil h3,
#plAccueil p {
	margin:0;
}

#plAccueil #zoneQuoterBox {
	color:#ffffff;
}

#plAccueil #zoneQuoterBox .contenu h2 {
	color:#ffffff;
	font-size:16px; /* 22 */
	font-weight:normal;
	letter-spacing:1px;
	line-height:18px; /* 23 */
}

#plAccueil #zoneQuoterBox .contenu h2 .emphase {
	font-size:21px; /* 26 */
	font-weight:bold;
}

#plAccueil #zoneQuoterBox label {
	font-weight:bold;
}

#plAccueil #zoneTexteBranding p { 
	color:#1e3e75;
	line-height:21px;
	text-align:right;
}

#plAccueil #zoneRecuperationSoumission {
	color:#ffffff;
}

#plAccueil #zoneRecuperationSoumission a,
#plAccueil #zoneRecuperationSoumission a:link,
#plAccueil #zoneRecuperationSoumission a:active,
#plAccueil #zoneRecuperationSoumission a:hover,
#plAccueil #zoneRecuperationSoumission a:visited {
	color:#ffffff;
}

#plAccueil #zoneNoTelephone {
	color:#065032;
	font-size:18px;
	font-weight:bold;
}

#plAccueil p#zoneXdate {
	font-size:11px;
	line-height:14px;
}

#plAccueil #zoneXdate a,
#plAccueil #zoneXdate a:link,
#plAccueil #zoneXdate a:active,
#plAccueil #zoneXdate a:hover,
#plAccueil #zoneXdate a:visited {
	color:#065032;
}

#plAccueil #zoneInfoProduits p{
	margin-bottom:8px;
}

#plAccueil #zoneInfoProduits ul,
#plAccueil #zoneInfoProduits ol ul,
#plAccueil #zoneInfoProduits ol,
#plAccueil #zoneInfoProduits ul ol {
	padding-bottom:10px;
}


#plAccueil #zoneInfoProduits ul li,
#plAccueil #zoneInfoProduits ol li,
#plAccueil #zoneInfoProduits ol ul li,
#plAccueil #zoneInfoProduits ul ol li,
#plAccueil #zoneLiens ul li,
#plAccueil #zoneLiens ol li,
#plAccueil #zoneLiens ol ul li,
#plAccueil #zoneLiens ul ol li {
	margin-bottom:5px;
}

#plAccueil #zoneTopNouvelles h3{
	font-size:14px;
	color:#119660;
}




#plAccueil #zoneReclamationsC h3,
#plAccueil .zoneNouvellesC h3,
#plAccueil #zoneLiensC h2 {
	color:#4d4d4d;
}

#plAccueil #zoneReclamationsC h3 a:visited,
#plAccueil .zoneNouvellesC h3 a:visited,
#plAccueil #zoneLiensC h2 a:visited{
	color:#a2712c;
}

#plAccueil #zoneLiensC h2{
	font-size:12px;
	font-weight:bold;
}

/* ----- ab testing ----- */
#plAccueil #zoneQuoterBox .contenu h2 .petitTexte {
	font-size:12px;
	font-weight:normal;
}


/* ----- gestion de crise ----- */
#zoneGestionCrisesC a { 
	font-weight:bold;
}

#zoneGestionCrisesC { 
	color:#000000;
}

#zoneGestionCrisesC h2 { 
	color:#ec1c24;
	font-size:16px;
}

#zoneGestionCrisesC p {
	margin-bottom:6px;
}

#zoneGestionCrisesC.relationsPubliques h2 { 
	color:#d65108;
}

/* ----- markcoms rotatif ----- */
#plAccueil #zoneMarkcoms .rotateur_boutons span {
	color:#236393;
	cursor:pointer;
	font-weight:normal;
}

#plAccueil #zoneMarkcoms .rotateur_boutons span.contenuVisible {
	color:#000000;
	cursor:default;	
}

/* ----- login box ----- */
#zoneLoginC {
	color:#12346f;
}

#zoneLogin a,
#zoneLogin a:link,
#zoneLogin a:active,
#zoneLogin a:hover,
#zoneLogin a:visited {
	color:#12346f;
	font-size:10px;
}

#zoneLoginConnexion h2 {
	font-size:18px;
	font-weight:normal;
	line-height:20px;
}

#zoneLogin label {
	color:#262626;
}

#zoneLogin input {
	line-height:13px;
}

/* ----- colonne de droite ----- */
#listeLien h3 {
	font-size:15px;
	line-height:17px;
}


/* ----- plan du site ----- */
.planPageNiveau1:link,
.planPageNiveau1:active,
.planPageNiveau1:hover,
.planPageNiveau1:visited,
.planPageNiveau2:link,
.planPageNiveau2:active,
.planPageNiveau2:hover,
.planPageNiveau2:visited {
	color:#236393;
	font-weight:bold;
	text-decoration:none;
}

.planPageNiveau3:link,
.planPageNiveau3:active,
.planPageNiveau3:hover,
.planPageNiveau3:visited,
.planPageNiveau4:link,
.planPageNiveau4:active,
.planPageNiveau4:hover,
.planPageNiveau4:visited {
	color:#236393;
	text-decoration:none;
}