/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* nested lists have no top/bottom margins */
ul ul,   ul ol,   ul dir,   ul menu,   ul dl,
ol ul,   ol ol,   ol dir,   ol menu,   ol dl,
dir ul,  dir ol,  dir dir,  dir menu,  dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul,   dl ol,   dl dir,   dl menu,   dl dl {
  margin-top: 0;
  margin-bottom: 0;
}


/* ===================================================================
 * 	Layout
 *
 * 	Source : http://blog.html.it/layoutgala/LayoutGala07.html
 * =================================================================== */
*{
	margin:0;
	padding:0;
}
html{
	font-size: 100%;
}
body{
	/*font: 0.625em/1em verdana, sans-serif;*/
	font: 0.7em/1em verdana, sans-serif;
	text-align:center;
	background-color:#666;
}
p{
	margin:0 10px 10px;
}
img{
	border: 0;
}
div#header{
	position:relative;
	height: 110px;
	background-color: rgb(168,19,29);
}
div#header div#logo {
	padding-top: 6px;
	padding-left: 7px;
	float: left;
}
div#header div#header-right div#logos_partenaires img {
	margin-left: 5px;
}
div#header div#header-right{
	position: absolute;
	bottom: 5px;
	right: 5px;
	float:right;
	text-align: right;
	line-height: 18px;
	color: #FFF;
}
div#header div#header-right ul li{
	display:inline;
}
div#header div#header-right ul#nav2 a{
	color: #FFF;
	letter-spacing: 0.05em;
}
div#header div#header-right ul#nav2 li {
	margin: 0 0.5em 0 0.5em;
}
div#container{
	text-align:left;
	background-color:#fff;
}
div#content p{
	line-height:1.3em;
	text-align: justify;
}
div#navigation{
	/*background:#B9CAFF;*/
}
div#extra{
	/*background:#FF8539;*/
}
div#footer{
	font-size: 0.9em;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	line-height: 1.3em;
	letter-spacing: 0.09em;
	background-color: rgb(168,19,29);
	border-top: 3px groove rgb(115,0,30);
}
div#footer p{
	margin:0;
	padding:0;
}
div#footer a{
	display:inline;
	padding:0;
	color: #eee;
	font-weight: bold;
}

div#container{
	width:99%;
	margin:0 auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 2px;
	margin-bottom: 2px;
}
div#wrapper{
	float:left;
	width:100%;
	margin-top: 0.1em;
	background-color: rgb(225,225,225);
        background-color: #fff;
}
div#ariane{
	margin: 0.8em 200px 0 200px;
	width:auto;
	padding-left: 5px;
	border-bottom: 1px dashed #ccc;
	color: #666;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-left: 27px;
	background: #fff url(/design/crma_new/images/arrow.png) no-repeat 6px top;
}
div#toolbar{
	margin: 0;
	padding: 0;
        width:auto;
        background-color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
div#content{
	margin: 0 200px 0 200px;
	width:auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px dashed #ccd;
	border-right:1px dashed #ccd;
	background-color: #fff;
}
div#content-full{
        width:auto;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
	background-color: #fff;
	margin-top: 0.4em;
}
div#navigation{
	float:left;
	width:200px;
	margin-left:-100%;
	margin-top: 1em;
	margin-bottom: 5px;
	padding: 5px 0 5px 0;
	border-right: 2px outset rgb(115,0,30);
	border-top: 1px dotted rgb(115,0,30);
	border-bottom: 2px outset rgb(115,0,30);
	background-color: #efefef;
}
div#extra {
	float:left;
	width:200px;
	margin-left:-202px;
	margin-top: 1em;
	margin-bottom: 5px;
	padding: 5px 0 5px 0;
	border-left: 2px inset rgb(115,0,30);
	border-top: 1px dotted rgb(115,0,30);
	border-bottom: 2px outset rgb(115,0,30);
	background-color: #efefef;
}
div#footer{
	clear:left;
	width:100%;
}


/* ===================================================================
 * 	Content
 * =================================================================== */
h1, h2, h3, h4, h5 {
	margin-bottom: 0.4em;
	color: rgb(0,134,86);
	color: rgb(28,168,19);
	color: rgb(30,115,0);
	color: rgb(0,115,86);
	color: rgb(255,153,0);
	color: #666;
	font-weight: bold;
}
h1 {
	font-size: 2.25em;
	margin-top: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	padding-bottom: 0.3em;
	letter-spacing: 0.1em;
	line-height: 0.8em;
	border-bottom: 5px groove #666;
}
h2 {
	font-size: 2em;
	margin-left: 0.5em;
	padding-left: 0.1em;
	text-indent: 0.2em;
	margin-top: 0.9em;
	line-height: 0.8em;
}
h3 {
	font-size: 1.75em;
	margin-left: 1em;
	margin-top: 0.7em;
	line-height: 0.9em;
}
h4 {
	font-size: 1.5em;
	margin-left: 1.5em;
	line-height: 0.9em;
}
h5 {
	font-size: 1.25em;
	margin-left: 2em;
	line-height: 0.9em;
}

a, a:visited {
	text-decoration: none;
	color: rgb(115,0,30);
}
a:hover {
	color: rgb(50,50,50);
	text-decoration: underline;
}

blockquote {
	border: 1px solid #ccc;
	margin: 1em;
	margin-left: 2em;
	margin-right: 2em;
	padding: 0.4em;
	text-align: justify;
	color: #333;
	background-color: #eee;
}
#header-right a {
	font-weight: bold;
}

#ariane .current {
	font-weight: bold;
}
#content ul, #content ol
{
	margin-left: 6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#content ul li, #content ol li
{
	line-height: 1.3em;
	text-indent: -1em;
	padding-left: 1.5em;
}
#content ul ul, #content ol ol, #content ul ol, #content ol ul
{
	margin-left: 1.5em;
}
#content ol { list-style-type: upper-roman; vertical-align: bottom; }
#content ol ol { list-style-type: upper-alpha; }
#content ol ol ol { list-style-type: decimal; }
#content ol ol ol ol { list-style-type: lower-alpha; }
#content ol ol ol ol ol { list-style-type: lower-roman; }
#content ul { list-style-type: disc; vertical-align: bottom; }
#content ul ul { list-style-type: square; }
#content ul ul ul { list-style-type: circle; }
#content a {
	text-decoration: none;
	border-bottom: 1px solid #666;
	font-weight: normal;
}
#content a:hover {
	background-color: #eee;
	border-bottom: 0px;
}
#content img {
	border: 1px solid #999;
	padding: 5px;
}
#content div.content-view-embeddedmedia.left {
	float: left;
}
#content div.content-view-embeddedmedia.right {
        float: right;
}
#content div.attribute-image p.center {
        text-align: center;
}
#content table.comparison {
	border: 1px #999 solid;
}
#content table.comparison col.bgdark {
	background: #eee;
}
#content table.comparison tr td {
	border: 1px #999 solid;
}
#content div.attribute-video {
	text-align: center;
	padding: 1em;
}
#content-full h1 {
	letter-spacing: 0em;
	font-size: 2em;
}
#content-full p {
	text-align: justify;
}
#content-full div.attribute-image {
	float: left;
	margin: 0 1em 1em 0.5em;
	display: block;
	padding: 0.3em 0.1em 0 0.3em;
}
#content-full div.attribute-short {
	margin: 0 3em 0 3em;
	padding: 0.3em 0.5em 0.5em 0.5em;
	border: 1px dashed #ccc;
	background: #eee;
	display: block;
}
#content-full div.attribute-long {
        margin: 1em 2em 0 2em;
	font-size: 1.2em;
	line-height: 1.3em;
}
#content-full div.attribute-video {
	margin: 1em 3em 1em 1em;
	float: right;
}
#content-full ul li {
	margin-left: 4em;
	list-style: disc;
	padding-left: 0.4em;
}
#navigation span {
	line-height: 1.2em;
	margin-left: 0.3em;
	color: rgb(115,0,30);
	font: 1.1em verdana, sans-serif;
	font-weight: bold;
}
#navigation ul {
	margin-bottom: 0.3em;
}
#navigation ul li {
	margin-left: 0.8em;
	list-style: none;
	line-height: 1.2em;
}
#navigation ul li ul li{
	margin-left: 0.6em;
	border-left: 1px solid #ccc;
}
#navigation ul li a {
	padding-left: 0.3em;
	display: block;
}
#navigation ul li a:hover {
	background-color: #dde;
}
#navigation ul li.current a{
	background-color: #dde;
	padding-left: 0.7em;
	font-weight: bold;
	color: #333;
}
#navigation ul li.current ul a{
	background-color: #efefef;
	padding-left: -0.3em;
	color: rgb(115,0,30);
	font-weight: normal;
}
#navigation ul li.current ul li.current a{
        background-color: #dde;
        padding-left: 0.7em;
        font-weight: bold;
        color: #333;
}
ul#auth, ul#auth li, ul#auth li a, ul#auth span {
	margin: 0;
	padding: 0;
}
ul#auth {
	margin-top: 0.5em;
	padding-top: 0.5em;
	margin-left: 0.3em;
	border-top: 1px dashed #999;
}
ul#auth span {
	line-height: 1.2em;
	margin-left: 0.3em;
	color: rgb(115,0,30);
	font: 1.1em verdana, sans-serif;
	font-weight: bold;
}
ul#auth li {
	margin-left: 1em;
}
ul#auth li a {
	padding-left: 0.3em;
}

#recherche{
	margin-left: 0.4em;
	text-align: center;
}
#recherche label{
	font-weight: bold;
	margin-left: 0.4em;
	color: #666;
	display: block;
}
#recherche input{
	margin-bottom: 0.4em;
}
#extra span{
	line-height: 1.2em;
	margin-left: 0.3em;
	color: rgb(115,0,30);
	font: 1.1em verdana, sans-serif;
	font-weight: bold;
}
#extra ul {
	list-style:none;
	margin-bottom: 0.3em;
	padding-top: 0.5em;
}
#extra ul li {
	margin-left: 0.2em;
	line-height: 1.2em;
	margin-bottom: 0.3em;
	padding-top: 0.1em;
}
#extra ul li a {
	padding-left: 0.3em;
}
#extra ul li a:hover {
	
}
#extra ul li~li {
	border-top: 1px dashed #999;
	padding-top: 0.2em;
}


#contacts span.details {
	display: block;
	font-weight: normal;
	font-size: 0.95em;
	padding-left: 0.5em;
}
#contacts span.details img {
	vertical-align: bottom;
}
ul#contacts li {
	padding-left: 5px;
}
ul#bao li {
	padding-left: 0.1em;
	display: block;
}
#bao li img {
	vertical-align: middle;
	margin 0;
	padding: 0;
}
ul#bao li ~ li{
        margin-top: 0.5em;
}

ul#bao li.ressource {
	border: 1px dashed #999;
	margin-top: 12px;
	padding-bottom: 2px;
}
ul#bao li.ressource span {
	margin: 1px;
	padding: 0 0 0 0.3em;
	font-weight: normal;
	background-color: #ddd;
	letter-spacing: 0.1em;
	font-style: italic;
	display: block;
}
ul#bao li.ressource span.details {
	font-style: italic;
	font-weight: normal;
	font-size: 0.9em;
	background-color: transparent;
	margin-top: 3px;
	letter-spacing: 0em;
}
ul#bao li.ressource ul li {
	padding-left: 5px;
	padding-right: 5px;
}
div#bao_folder h2,
div#contact_folder h2 {
	font-size: 1.5em;
}
div#bao_folder h2 a,
div#contact_folder h2 a {
	font-weight: normal;
}
div#bao_folder h2 a.last,
div#contact_folder h2 a.last {
        font-weight: bold;
}
div#bao_folder ul,
div#contact_folder ul {
	list-style: disc inside;
	margin: 0 0 0 3em;
}

#searchtext {
	border: #9a8ca8 1px solid; 
	font-weight: normal; 
	font-size: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	color: #900; 
	font-family: verdana; 
	padding-left: 18px;
	background: #fff url(/design/crma_new/images/recherche.png) no-repeat 4px center;
	vertical-align: middle;
}
#searchbutton {
	vertical-align: middle;
	font-size: 0.9em;
	font-family: Arial;
	font-weight: normal;
	border: #9a8ca8 1px solid; 
	background: #f6f0e9; 
	padding-top: 0.085em;
	padding-bottom: 0.085em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
div#sitemap h2 {
	font-size: 1.6em;
}
div#sitemap ul ul {
	list-style: disc inside;
	margin: 0 0 0 3em;
}
div#search {
	margin: 0.5em 2em 0.5em 2em;
}
div#search ul {
	list-style: disc inside;
	margin: 0 0 0 4em;
}
div#results div {
	margin: 0 4em 0 4em;
	padding: 0.1em;
}
div#results div.result_bgdark {
	background: #ddd;
}
div#results div.result_bglight {
        background: #efefef;
}
div#results div:hover {
	background: #fff;
}
div#results div ~ div {
	border-top: 1px dashed #999;
}
div#engine_infos {
	font-style: italic;
	text-align: right;
	font-size: 0.8em;
	margin: 1.5em 0 0 0;
	color: #666;
}


/* =========================================
 * 	Menu style 'onglet'
 * =========================================*/
#menu {
	width: 100%;
	background: rgb(115,0,30);
	height: 2.5em;
}
#menu ul {
	border-top: 1px solid #fff;
}
#menu li {
	text-align: center; 
	position: relative; 
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	list-style-type: none;
}
#menu a, #menu a:visited {
	position: relative; 
	text-decoration: none; 
	background: rgb(115,0,30);
	color: #fff; 
	display: block; 
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 0.05em;
	padding: 0.7em 0.4em 0.7em 0.4em;
}
#menu a:hover {
	background: #fff;
	color: rgb(115,0,30);
}
#menu a.current, #menu a:visited.current {
	background: #fff;
        color: rgb(115,0,30);
}

/*********************************
 * Formulaire de contact
 * *******************************/
div.contact {
	margin: 0.4em 0 0.4em 1.5em;
}
div.contact p.erreur {
	display: block;
        color: #ff0000;
	border: 1px dashed #ff0000;
	font-weight: bold;
	width: 30em;
	padding: 3px;
	background: #fff5ee;
}
div.contact form {
	margin-top: 1em;
}
div.contact form p {
	margin-bottom: 1.5em;
}
div.contact form div {
	width: 450px;
	clear: left;
	margin: 0;
	margin: 0 0 0 1em;
	padding: 5px 0 8px 0;
	padding-left: 130px;
	border-bottom: 1px dashed gray;
	height: 1%;
}
div.contact form div label {
	font-weight: bold;
	float: left;
	margin-left: -130px;
	width: 125px;
}
div.contact form div input {
	width: 300px;
}
div.contact form div textarea {
	width: 350px;
	height: 150px;
}
div.contact form input.bt_annuler,
div.contact form input.bt_valider {
	margin: 0.5em 0 0 1em;
}

/*********************************
 * eZxml
 * *******************************/
.object-center {
	text-align: center !important;
}
.object-left {
        text-align: left !important;
}
div.imageleft {
	float: left;
	border: 0 !important;
}
.object-right {
        text-align: right !important;
}
div.imageright {
        float: right;
	border: 0 !important;
}
span.file-pdf {
	padding-left: 26px;
	background: #fff url(/design/crma_new/images/icons/page_white_acrobat.png) no-repeat 6px top;
}
span.file-msword {
        padding-left: 26px;
        background: #fff url(/design/crma_new/images/icons/page_white_word.png) no-repeat 6px top;
}
span.file-vnd\.ms-powerpoint {
        padding-left: 26px;
        background: #fff url(/design/crma_new/images/icons/page_white_powerpoint.png) no-repeat 6px top;
}
span.file-vnd\.ms-excel {
        padding-left: 26px;
        background: #fff url(/design/crma_new/images/icons/page_white_excel.png) no-repeat 6px top;
}



/*********************************
 * Line view
 * *******************************/
div.comment {
	padding: 0.3em;
	margin: 0.2em 2em 0.2em 2em;
	border: 1px solid #eee;
}
div.comment h4 {
	display: block;
	padding: 0;
}
div.comment p.author {
	display: block;
	width: 100%;
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	color: #666;
}

/* ==============================================
 * 	Spécifique à la page d'accueil 
 * ============================================== */
div#home {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
	background: #fff;
}
div#home_left,
div#home_center,
div#home_right {
	float: left;
	/*position: relative;*/
	/*overflow: hidden;*/
}
div#home_left {
	width: 30%;
}
div#home_center {
	width: 69.9%;
}
div#home_right {
	width: 25%;
}
div#home_left div,
div#home_center div,
div#home_right div {
	border: 1px solid #999;
	margin: 0 0.5em 1em 0.5em;
}
div#home_left div h1,
div#home_center div h1,
div#home_right div h1 {
	background-color: rgb(168,19,29);
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 0.3em;
	margin: 0;
	margin-bottom: 0.3em;
	display: block;
	z-index: 10;
}
div#home .actualite,
div#home .marches_publics {
	border: 0;
}
div#home .actualite {
	display: block;
	overflow: hidden;
}
div#home .actualite p {
	margin-bottom: 0.2em;
	line-height: 1.2em;
	text-align: justify;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
div#home .actualite p.suite {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-weight: bold;
}
div#home .actualite ul {
	margin-left: 5em;
	list-style: disc;
}
div#home .actualite ul li {
	padding-bottom: 0.2em;
}
img.floatleft {
	float: left;
	margin: 0.2em 1em 1em 0.5em;
}
img.floatright {
	float: right;
	margin: 0.2em 0.5em 1em 1em;
}
div#home div.actualite div.video {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}
div#home div.actualite ~ div.actualite,
div#home div.marches_publics ~ div.marches_publics {
	border-top: 1px solid #999;
}
div#home p.archives {
	margin: 0;
	padding: 0;
	text-align: right;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 10px;
}
div#home p.archives a {
	border-top: 1px dashed #999;
	padding-left: 1em;
	padding-top: 2px;
}
div#home h2 {
	font-size: 1em;
}
div#home ul {
	margin-left: 0.5em;
	margin-bottom: 0.3em;
}
div#home div#chiffres_cles p,
div#home div#region_resultats p {
	text-indent: 0;
}
/*div#home div#chiffres_cles ul,
div#home div#region_resultats ul {
	font-weight: bold;
	margin-right: 0.5em;
}
div#home div#chiffres_cles ul li,
div#home div#region_resultats ul li {
	margin-left: 1em;
	padding-left: 0.4em;
	font-weight: normal;
	margin-top: 0.4em;
	text-indent: -1.2em;
	margin-bottom: 0.4em;
	text-align: left;
	list-style: disc inside;
}*/
div#home div#chiffres_cles ul span,
div#home div#region_resultats ul span {
	font-style: italic;
	font-size: 0.9em;
}
div#home div#chiffres_cles ul b,
div#home div#region_resultats ul b {
	color: rgb(168,19,29);
}
div#home div#homevideo div {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 320px;
}
div#home div#homevideo div embed {
	margin-bottom: 0.4em;
}
div#home div#homevideo div p {
	margin: 0;
	padding: 0;
	text-align: center;
}
div#home div#links ul li {
	font-weight: bold;
	line-height: 1.4em;
	vertical-align: top;
}
div#home div#links ul li ul {
        list-style: disc inside;
        margin-left: 0.6em; 
}
div#home div#links ul li ul li {
	padding: 0 0 0.1em 1.2em;
	font-weight: normal;
        line-height: 1em;
}
div#home div#links ul li ~ ul li {
	margin-top: 0.3em;
}
div#home div form {
	margin: 5px;
}
div#home div form fieldset {
	border-top: 1px solid #dde;
	margin-bottom: 0.8em;
}
div#home div form legend {
	padding-bottom: 0.3em;
	padding-right: 0.4em;
}
div#home div form input {
	margin: 0;
	padding: 0;
	padding: 0.1em;
	font-size: 1em;
	margin-left: 0.8em;
	border: 1px solid rgb(168,19,29);
	line-height: 1em;
	width: 15em;
}
div#home div form input.button {
        background-color: rgb(115,0,30);
	color: #fff;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 5em;
}
