/* links & navigation general */

a:link {font-family:verdana; font-size:10px; color: #E33539;  text-decoration: none;} /* rouge CCID */
a:hover { text-decoration: underline; }
a:visited { color: #E33539; text-decoration: none;}  /* rouge CCID */
a:active { color: #E33539;} /* rouge CCID */

.b {font-family:verdana; font-size:10px; color: 666666;  text-decoration: none;} /* bleu clair CCID */
b {font-family:verdana; font-size:10px; color: 666666;  text-decoration: none;} /* bleu clair CCID */

div, td, body, span, h1, h2, h3, h4 {font-family:verdana; font-size:10px ; color: 666666;}

li {text-align: left; padding-bottom: 2px; padding-top: 2px; margin-left: 5px;}
ul {text-align: left; padding-bottom: 0px; padding-top: 0px; margin-left: 40px;  margin-top: 4px; margin-bottom: 4px}

select {font-family:verdana; font-size:10px; color:#364C84; background:#C8EBFB} /* bleus CCID */

input.radio, input.checkbox { font-size:10px; font-family:verdana; }
input.button  { font-family: Verdana; font-size: 10px; font-weight: bold; color: #364C84; width: 100px; background:#C8EBFB;	border: 1px solid #373F74;}

textarea {width: 200px ;border: 1px solid #373F74; font-size:10px;font-family:verdana; background:#C8EBFB}

.textfield {width: 150px ;border: 1px solid #373F74; font-size:10px; font-family:verdana; background:#C8EBFB}
.textfieldsmall {width: 100px ;border: 1px solid #373F74; font-size:10px; font-family:verdana; background:#C8EBFB}

body { margin-top: 0px; margin-left: 0px; 	margin-right:0px; 	margin-bottom: 0px; }
.bodydeep { margin-top: 0px; margin-left: 0px; margin-right:0px; margin-bottom: 0px; background-color: white; background-image: none;  background-repeat: no-repeat; }

.pictitle {font-size:10px; font-weight:bold;}
.pictxt { font-style: italic; }
.dropdown {width: 200px}

/* DIVERS */

.alert { color:red;	font-size:10px;	font-weight:bold;} /* messages avertissement */
div.alert { color:red;	font-size:10px;	font-weight:bold;} 

a.mentions{ color:whitesmoke; font-size:10px; font-weight:bold;} /* mentions légales */
a.mentions:visited{ color:whitesmoke; font-size:10px; }

a.sommairetitle { color:364C84; font-size:10px; font-weight:bold;}  /* élément sommaire de rubrique */
a.sommairetitle:visited { color:364C84; font-size:10px; }  
a.sommairetitlesub { color:#00A1DC; font-size:10px; }

a.sommairepagetitle { color:30859E; font-size:10px; }  /* élément sommaire de rubrique */
a.sommairepagetitle:visited { color:30859E; font-size:10px; }  
a.sommairepagetitlesub { color:#30859E; font-size:10px; }

.register_extranet_select{ 	background:white; font-size:10px; }

.toppage { font-size:10px; font-weight: normal; color:#E33539; } /* retour haut de page */
.toppage:visited { font-size:10px; font-weight: normal; color:#E33539; }

a.powered { font-size:10px; font-weight: normal; color:74C38B; }
a.powered:visited { font-size:10px; font-weight: normal; color:74C38B; }

.gositemap { color:364C84;	font-size:10px;	font-weight:bold;}
a.gositemap { color:364C84; font-size:10px; font-weight:bold;}
a.gositemap:visited { color:364C84; font-size:10px; font-weight:bold; text-decoration: none;}

a.articletitle {font-family: Verdana; font-size: 10px; font-weight: bold; color: #F37636; }
a.articletitle:visited {font-family: Verdana; font-size: 10px; font-weight: bold; color: #F37636; }

.cadretitle { color:white; font-size:12px; font-weight:bold}

a.downloadfile { font-size:10px; font-weight: normal; color:#E33539; } /* fichier attaché à télécharger */
.downloadfile { font-size:10px; font-weight: normal; color:#E33539; }

/* Moteur de recherche */
.searchresultheader { color:#364C84; font-size:10px; font-weight:bold;}
a.searchtitle { color:#364C84; font-size:10px; font-weight:bold;}
.transversmottitle  { color:#F37636; font-size:10px; font-weight:bold;}

/* Common links marque ombrelle */
.ombrelletxt { font-size:10px; font-weight:bold; color:#C8EBFB; family:verdana; }

a.ombrelletxt {	font-size:10px;	font-weight:bold; color:#C8EBFB; family:verdana; }
a.ombrelletxt:visited {	font-size:10px;	font-weight:bold; color:#C8EBFB; family:verdana; }

/* menu déroulant marque ombrelle */ 
.ombrellemenu { font-size:10px;	font-weight:bold; color:#373F74; family:verdana; }

a.ombrellemenu { text-decoration:none;color:#373F74;}
a.ombrellemenu:hover { text-decoration:underline;color:#373F74; }
a.ombrellemenu:visited { text-decoration:none; color:#373F74; }

.ombrellemenusub { font-size:10px;	font-weight:normal;	color:#373F74;	family:verdana; }
a.ombrellemenusub { text-decoration:none;color:#373F74;}
a.ombrellemenusub:hover { text-decoration:underline; color:F37636; }
a.ombrellemenusub:visited { text-decoration:none; color:F37636; }

/* Home page elements */ 
.cadrebottom { 	color:#F37636; 	font-weight:bold; font-size:10px; }
a.cadrebottom { 	color:#F37636; 	font-weight:bold; font-size:10px; }
.cadrebottom:visited { 	color:#F37636; 	font-weight:bold; font-size:10px; }

.hptxt, a.hptxt { font-size:11px; color:white; font-family:verdana;text-align:justify; padding-right:5px}

.hplink { color:#373F74; font-weight:bold; }
a.hplink { color:#373F74; font-weight:bold; }
a.hplink:visited { color:#373F74; font-weight:bold; }

.readmore { color:#373F74; font-weight:normal; }
a.readmore { color:#373F74; font-weight:normal; }
a.readmore:visited { color:#373F74; font-weight:normal; }

/* COMPAS */
.compas { 	color:white; 	font-size:10px;}
a.compas {	text_decoration:none;color:white; }
a.compas:hover {	text_decoration:underline;  color:white;}
a.compas:visited {	text_decoration:underline; color:white;}

/* ACTUALITES  */

.newstitle { font-family: Verdana ; font-size: 11px; font-weight: bold; color: #E33539;	margin-left: 5px; }
a.newsplus { font-family: Verdana; font-size: 10px; 	font-weight: normal; color: #00A1DC; background-position: right; }
.newsdescription { 	font-family: Verdana; 	font-size: 10px; 	font-weight: bold; 	color: #364C84;  text-align: left; }
.newsintro { 	font-family: Verdana; 	font-size: 10px; font-weight: bold; color: red; }

/******************** PAGES / CONTENUS ***********************/

/* width of content */
div.elem-column {padding:5px; border:solid 1px white; width: 590px}

/* layout page rows - fonts & positions */
div.page-row-one { padding-bottom: 2px; padding-left: 10px; padding-right: 10px; color: white; font-weight: bold; font-size: 10px;}
div.page-row-two { padding: 0px; }
div.page-row-three { padding: 4px; color: white; font-size: 10px;}
div.page-row-four { padding: 4px; color: white; font-size: 10px;}

div.leftnavi { margin-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 20px;}
div.contentarea { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 20px;}
div.rightnavi { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 20px; }

div.page-row-six { padding-bottom: 2px; padding-right: 10px; color: white; font-size: 10px; text-align: right;}
div.page-row-seven { text-align: right; padding-right: 10px;  padding-bottom: 10px; padding-top: 10px;}

/* layout background colors/images */
.bg-page-row-one	{ background-color: #1734A6 }
.bg-page-row-two	{ background-color: #10125a; background-image: url(ximg/topbg.gif); background-repeat: repeat;}
.bg-page-row-three	{ background-color: white;}
.bg-page-row-four	{ background-color: white;}

/*page row 5*/
.bg-leftnavi { background-color: whitesmoke }
.bg-contentalt { background-color: #f5f5f5;}
.bg-page-row-six	{ background-color: #1734A6;}
.bg-page-row-seven	{ background-color: #cbcbcb;}
.bg-page-row-eight	{ background-color: white;}

/* element styles - do not edit*/
div.elem-element {text-align:left;}
div.elem-highlight {padding:8px; background-color:whitesmoke; }

div.elem-highlight1 {padding:8px; background-color:whitesmoke;}
div.elem-highlight2 {padding:8px; border: 1px solid #373F74;}
div.elem-highlight3 {padding:8px; background-color:whitesmoke; border: 1px solid #373F74;}
div.elem-highlight4 {padding:8px;}
div.elem-highlight5 { padding:8px; background-color:#FFC9A9; }/* highlight texte d'introduction fond orangé */

div.elem-break {clear:both; padding-bottom:10px;} /* defines space between elements with break */
div.elem-nobreak {} /* defines space between elements without break */
div.elem-break-page {clear:both;}

div.elem-content-left {text-align:left;}/* Alignement du texte */
div.elem-content-center {text-align:center}
div.elem-content-right {text-align:right}
div.elem-content-justify {text-align:justify}

img.elem-imgmargin-left {margin-right:10px; margin-bottom:8px;}/* positionnement des images */
img.elem-imgmargin-right {margin-left:10px; margin-bottom:8px;}
img.elem-imgmargin-left-caption {margin-right:10px; margin-bottom:2px;}
img.elem-imgmargin-right-caption {margin-left:10px; margin-bottom:2px;}

img.elem-imgmargin-left-border {margin-right:10px; margin-bottom:8px; border:1px solid #373F74;}/* bordure pour les images */
img.elem-imgmargin-right-border {margin-left:10px; margin-bottom:8px; border:1px solid #373F74;}
img.elem-imgmargin-left-caption-border {margin-right:10px; margin-bottom:2px; border:1px solid #373F74;}
img.elem-imgmargin-right-caption-border {margin-left:10px; margin-bottom:2px; border:1px solid #373F74;}

div.elem-textmargin {padding-left:10px}

/* List elements for element 60*/
div.list-bigtitle {font-size:12px; font-weight:bold; padding-top:4px; padding-bottom:2px;}
div.list-subtitle {font-size:11px; font-weight:bold; padding-top:4px; padding-bottom:5px;}
span.list-readmore a {font-weight:normal;}
div.list-title a {font-weight:bold; color:#000}
div.list-title a:hover, span.list-readmore a:hover {text-decoration:underline}
span.list-date {font-weight:normal;}
div.list-ingress {font-weight:normal;}
div.list-break {padding-bottom:4px;}
div.list-previousnextlinks {padding-top:2px}
div.list-previousnextlinks a {font-weight:bold;}
div.list-element-border {}

a.page-row-one {color: white; font-size: 10px;}
a.page-row-one-active {color: white; text-decoration: underline;}
a.page-row-one:hover { text-decoration: underline;}

a.page-row-six {color: white; font-size: 10px;}
a.page-row-six-active {color: white; text-decoration: underline;}
a.page-row-six:hover { text-decoration: underline;}


div.leftnavi-row { padding-bottom:2px; padding-top:2px; padding-right:4px; font-weight:bold}
a.leftnavi { color: #373F74;  border: 1px solid #f5f5f5; padding: 2px; width: 120px; float: left;  font-weight: bold; font-size: 10px; text-decoration: none;}
a.leftnavi-active {color:white;  border: 1px solid #373F74;  padding: 2px;  width: 120px; float: left;  font-size: 10px; background: #1734A6; font-weight: bold; text-decoration: none;}
a.leftnavi:hover { color: #373F74; border: 1px solid #373F74; padding: 2px; width: 120px; float: left;  background: whitesmoke;/*#FFBE5D;*/ }

a.leftnavi-ns4   { color: #373F74; font-weight: bold; font-size: 10px; text-decoration: none;}
a.leftnavi-active-ns4   { color:#373F74;  font-size: 10px; font-weight: bold;  text-decoration: underline;}


div.rightnavi-row {padding-left:8px; padding-bottom:4px; font-weight:bold}
a.rightnavi {color: #373F74}
a.rightnavi-active {color: #060299; text-decoration: underline;}
a.rightnavi:hover { text-decoration: underline;}

/*text headers*/
div.ch5-title, span.ch5-title {font-size:11px; font-weight:bold; padding-bottom:10px ;}
div.ch5-titlesub, span.ch5-titlesub,  td.ch5-titlesub{font-size:11px; font-weight:bold; color: #0C6B28;} /* Sous-titres*/
div.ch5-titlesubsubsub, span.ch5-titlesubsubsub {font-size:10px; font-weight:bold;}
div.ch5-titlesubsubsub, span.ch5-titlesubsubsub {font-size:10px; font-weight:bold;}
div.ch5-pictitle, span.ch5-pictitle {font-size:10px; font-weight:bold;}


/* deps*/
div.ch5-sitemapdep {}
a.ch5-sitemapdep {font-weight:bold; font-size: 10px; color: #0C6B28; text-decoration: normal;}
a:hover.ch5-sitemapdep { text-decoration: underline;}
a:visited.ch5-sitemapdep { text-decoration: normal;}

/* subdeps */
div.ch5-sitemapsubdep {}
a.ch5-sitemapsubdep {font-weight:bold; font-size: 10px;}
a:hover.ch5-sitemapsubdep { text-decoration: underline;}
a:visited.ch5-sitemapsubdep { text-decoration: underline;}
/* docs */
div.ch5-sitemapdoc {}
a.ch5-sitemapdoc { font-weight:normal;}
a:hover.ch5-sitemapdoc { text-decoration: underline;}
a:visited.ch5-sitemapdoc { text-decoration: underline;}
/* sub docs */
div.ch5-sitemapsubdoc {}
a.ch5-sitemapsubdoc { font-weight:normal;}
a:hover.ch5-sitemapsubdoc { text-decoration: underline;}
a:visited.ch5-sitemapsubdoc { text-decoration: underline;}

/* PREVIEW MODE*/
div.editdoc { width: 100%; border:solid 1px #D66B6B; background-color: #FEE7E7; }
div.editce { width: 100%; border:solid 1px #5689D6; background-color: #E3E7ED; }
input.buttoneditdoc    { color: #373F74;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  width: 120px; font-weight:bold; background-color: #FEE7E7;/* border-style: solid; border-color: #373F74;*/}
input.buttoneditce    { color: #373F74;  font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  width: 120px; font-weight:bold; background-color: #E3E7ED;/* border-style: solid; border-color: #373F74;*/}