/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'global' */
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	background: url(images/Bg-html.jpg) repeat-x #cbcbc7;
	margin: 0;
	padding: 0;
        height: 100%;
        width: 100%;
}
body {
	background: url(images/Bg.jpg) repeat-y  top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        line-height: 1em;
	margin: 10px auto;
	padding: 0;
        min-width: 970px;

}
/* END HEADINGS */

/* TEXT */
div.error_message {color: red; font-weight: bold;}
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}

p.entete {
margin: 0 0 1.5em 0;
}

blockquote {
padding-left:10px;
line-height:1.4em;
font-size: 1em;
font-style:italic;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {  
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
ul,
ol,
dl {
   font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
li,
li {
   margin: 0 0 0.45em 0;
   list-style-position: inside; 
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

/* page d'accueil */
p.introblog {
padding-top: 30px;
margin-left:0px;
padding-left: 25px;
padding-right:10px;
line-height:1.1em;
color:#666;
}
/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #333333; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #333333;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #000000;
}
/*****************
basic layout 
*****************/

.infobulle {
position: absolute;	
visibility : hidden;
padding: 5px;
font-family: Verdana, Arial;
background-color: #999;
width:120px;
text-align:center;
color: #ffffff;
}


/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto 0 auto;     /* this centers wrapper */
   width: 970px; /* IE wont understand these, so we will use javascript magick */
   background: url(images/Bg-pagewrapper.jpg) no-repeat;
   color: #333;
   padding: 0;
   position: relative;
   min-height: 100%;
overflow: hidden;
}
div#container {
   
   margin: 0 auto;
   padding-bottom : 50px;

}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 137px; /* adjust according your image size */
   background: #fff url(images/Bg-header.jpg) no-repeat;           
}
div#header h1 {
   margin: 0 0 32px;
   padding: 40px 0 0 40px;
}
div#header h1 a {
/* you can set your own image here */
   display: block;
   width: 165px;
   float:left;
   height: 50px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   background: url(images/logo.jpg) no-repeat;
   margin: 0;
   padding:0;
}
div#langue {
	margin: 0 0 0 30px;
	position: absolute;
}
div#langue a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	margin: 0 5px 0 0 ;
	padding: 0;
	width: 25px;
	height: 16px;
	float: left;
}


div#reseau {
padding-top: 0;
text-align: right;
margin-bottom: 27px;
margin-top: -20px;
}

div#menu-secondaire {
color: #666666;
text-align: right;
padding: 4px 0 0 0;
}
div#menu-secondaire a {
color: #666666;
text-decoration: none;

}


/***********************************************************
MENU HORIZONTAL
************************************************************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_horiz {
	margin: 20px 0 0 50px;
	text-transform: uppercase;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul { clear:both; }
div#menu_horiz img {
float: left;
}

/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */
}


/* the links, that is each list item */
div#menu_horiz a {
   padding: 0; /* padding inside the list item box */
   margin: 0.30em .8em 0em .8em; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   font-size: 1em;
   font-family: Arial, Verdana;
   display: block; /* IE has problems with this, fixed above */
}

div#bandeau_accueil {
	margin: 15px 0 0 60px;
}
div#main {
   margin-left: 60px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 27%; /* and some air on the right */
   margin-top:13px;
   padding-bottom: 50px;
}

/********************
MENU VERTICAL
*********************/
#menu_vert {
   padding: 0 20px 0 0;
   margin: 20px 0 50px 0;
   text-align: right;
   border-right: 1px solid #E0DFD8;
}
#menu_vert ul {
padding: 5px 0 5px 0;
}
/* menu li block */
#menu_vert li {
list-style: none;
padding: 0;
display: block;
border: none;
color: #666666;
margin: 10px 0 10px 0;
font-size: 1.1em;
}
#menu_vert ul li a {
   color: #666666;
   text-decoration: none;
   padding: 0 0 0 0;
}
#menu_vert ul li a:hover {
   color: #000000;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/
li.activeparent {
   font-weight: bold;
}
li.activeparent li {
   font-weight: normal;
}
#menu_vert ul a.activeparent {
font-size: 1em;
background: url(images/puce_currentpageh3.gif) no-repeat right;
padding: 0 10px 0 0;
margin: 0 -10px 0 0;
color: #000000;
}
#menu_vert ul li.currentpage h3 {
font-size: 1em;
padding: 0 0 0 0;
color: #000000;
}
/*********************
 Premier niveau (en realite 2ème niveau)
**********************/
div#menu_vert ul ul {
   margin: 7px 0 15px 0;
   font-size: smaller;
   padding:0;

}
div#menu_vert ul ul li {

}
div#menu_vert ul ul a, 
div#menu_vert ul ul h3 {
   padding:0;
   text-decoration:none; /* no underline for links */
   color: #666666;
}

#menu_vert ul li ul li {
background: url(images/puce_niveau3.gif) no-repeat right;
margin: 2px -10px 0 0;
}
#menu_vert ul li ul li.currentpage {
padding: 0 10px 0 0;
background: url(images/puce_niveau3_active.gif) no-repeat right;
}
#menu_vert ul li ul li a {
padding: 0 10px 0 0;
}
#menu_vert ul li ul li a:hover {
background: url(images/puce_niveau3_active.gif) no-repeat right;
}

/***************************************************************************
BLOC ACCUEIL
***************************************************************************/
div.bloc_accueil, div#bloc_accueil_milieu {
	float: left;
	width: 175px;
	margin: 20px 10px 0 0;
	padding: 0 15px 0 15px;
}
div#bloc_accueil_milieu {
        border-right: 1px solid #E0DFD8;
        border-left: 1px solid #E0DFD8;
}
div.bloc_accueil h3, div#bloc_accueil_milieu h3 {
	text-indent: -5000px;
	margin: 0 0 5px 0;
	padding: 0;
}
div.bloc_accueil h3#decouvrez {
	height: 23px;
}
div#bloc_accueil_milieu h3#savoirplus {
	height: 23px;
}
div.bloc_accueil h3#onlineServices {
	height: 23px;
}
div.bloc_accueil ul, div#bloc_accueil_milieu ul {	
	margin: 0;
	padding: 0;
}
div.bloc_accueil ul li, div#bloc_accueil_milieu ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
        list-style-position: outside;
}
div.bloc_accueil ul li a, div#bloc_accueil_milieu ul li a {
	text-decoration: none;
	color: #666666;
	margin: 0;
	padding: 0;
}
div.bloc_accueil ul li a:hover, div#bloc_accueil_milieu ul li a:hover {
	text-decoration: underline;
	color: #000000;
}
/************************************************************************************
COLONNE DROITE
*****************************************************************************************/
div#droite {
   float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 27%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#droite.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}
/*******************************************************************************
BLOC CONTACT ACCUEIL
*********************************************************************************/
div#bloc_contact_top {	
	height: 19px;
}
div#bloc_contact, div#bloc_contact2 {
	padding: 10px 10px 1px 12px;
	background: url(images/Bg-bloc_contact.jpg) repeat-y;
}
div#bloc_contact2 {

}
div#bloc_contact ul, div#bloc_contact2 ul {
	list-style-type: none;
}
div#bloc_contact ul li, div#bloc_contact2 ul li {
	background: url(images/puce.gif) no-repeat left;
	padding: 0 0 0 8px;
}
div#bloc_contact ul li a, div#bloc_contact2 ul li a {
	color: #666666;
	text-decoration: none;
}
div#bloc_contact ul li a:hover, div#bloc_contact2 ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
div#bloc_contact_bottom {
	height: 37px;
}
div#bloc_contact_bottom2 {
	height: 126px;
}


/*************************************************************
GAUCHE
************************************************************/
div#gauche {
    float: left;
    width: 200px;
    padding: 0 0 0 60px;
    margin: 20px 0 0 0;
}

/********************
CONTENT STYLING
*********************/
div#content {
   margin: 10px 68px 0 300px;
   -margin: 10px 52px 0 299px;
   overflow: hidden;
   width: 602px;
}
div.breadcrumbs {
   color: #666666;
   margin : 0 0 10px 0;
   padding: 0 0 10px 0;
   font-size: smaller;
   border-bottom: 1px solid #E0DFD8;
   width: 600px;
}
div.breadcrumbs a {
   color: #666666;
   text-decoration: underline;
}
div#contenudroite {
background-color: #E3E4E9;
width:200px;
margin: 10px 0px 10px 10px;
float:right;
}

div#contenudroite p {
margin: 5px 5px 5px 5px;
line-height:1.1em;
}

div#contenudroite h2 {
   color: #ce0065; 
   font-size: 1.2em; 
   background: none;
   font-family: Verdana, Arial;
   text-align: left; 
/* some air around the text */
   padding-left: 0px;
   padding-bottom: 1px;
/* set borders around header */
   line-height: 1em;
/* and some air under the border */
   margin: 5px 5px 5px 5px;
   font-weight: bold;
}

div#contenudroite a {
color: #ce0065;
}
div#contenudroite ul.liens-annexes {
list-style-image : url(uploads/images/puce-liensannexes.png);
margin: 0 0 10px 0;
}

div#contenudroite ul.liens-annexes li {
margin: 0 0 0 5px;
line-height:1em;
}

div#contenudroite ul.liens-annexes a {
text-decoration:none;
margin: 0 0 0 5px;
line-height:1em;
}

div#contenugauche {
margin-top:10px;
width:380px;
}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}   
h2 {
   color: #333333; 
   font-size: 1.8em; 
   font-weight: normal;
   font-family: "Trebuchet MS", Verdana, sans-serif;
   text-align: left; 
/* some air around the text */
   padding-left: 0;
   padding-bottom: 1px;
/* set borders around header */
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}
div#texte_accueil h2 {
   color: #333333; 
   font-size: 1em; 
   font-family: Verdana, Arial, sans-serif;
   font-weight: bold;
   text-indent: 14px;
}
div#content h3 {
   font-family: "Trebuchet MS", Verdana, sans-serif;
   color: #245174; 
   font-size: 1.25em;
   line-height: 1.3em;
/*border-bottom: #ccc 1px solid;*/
   padding: 5px 0px 2px 0;
   margin: 20px 0px 5px 0;

}
div#content h4, div#content h5, div#content h6 {
   font-family: "Trebuchet MS", Verdana, sans-serif;
   color: #000; 
   font-size: 1.05em;
   line-height: 1.3em;
   padding: 0px 0px 5px 0px;
   margin: 15px 0px 0 0;
   background: none;
}
/***************************************************************************************
TEMOIGNAGES
***************************************************************************************/
#intro, .temoignage {overflow: hidden;height: 1%;}
.temoignage {border-bottom: 1px solid #ccc; padding: 15px 0}
#intro img, .temoignage img {margin-right: 10px}
#intro a, .colonne-temoignage .nom a{background: url(uploads/images/puce-liensannexes.png) no-repeat left center; padding: 0 0 0 12px; color: #CE0065;}

.colonne-temoignage {width: 45%; float: left; margin: 0 1%;}
.colonne-temoignage h4{display: inline;}

ul#list-constat {}
ul#list-constat li{list-style-type: none; background: url(images/puce-fleche.png) no-repeat left top; padding-left: 23px;list-style-position: outside;}

#constat {margin-right: 15px;}

#solution ol {list-style-type: none; list-style-position: outside;}
#solution ol li {padding: 0 0 0 20px;list-style-type: none; list-style-position: outside;}
#solution ol li#item1 {background: url(images/item1.png) no-repeat left top; }
#solution ol li#item2 {background: url(images/item2.png) no-repeat left top; }
#solution ol li#item3{background: url(images/item3.png) no-repeat left top; }
#solution ol li#item4{background: url(images/item4.png) no-repeat left top; }
#solution ol li#item5{background: url(images/item5.png) no-repeat left top; }

#solution ul {list-style-position: outside;}
#solution ul li {padding: 0 0 0 15px;margin: 0 0 1em; list-style-type: none;}

#encart-resultat {clear: both; background: #0072BB url(images/encart-resultat.jpg) no-repeat; width: 634px; min-height:164px; margin: 20px 0 35px;}
#encart-resultat ul{margin: 0 280px 0 54px;padding: 18px 0 10px 0;color: #fff; list-style-type: none;font-size: 1.2em;}
#encart-resultat ul li {background: url(images/check.png) no-repeat left top;padding-left: 32px;list-style-type: none;list-style-position: outside; min-height:22px }

#resultat {background: #0072BB url(images/resultat.png) no-repeat top left;}
#resultat ul{margin: 0 10px 0 20px;padding: 35px 0 12px;color: #fff; list-style-type: none;font-size: 1.2em;}
#resultat ul li {background: url(images/check.png) no-repeat left top;padding-left: 32px;list-style-type: none;list-style-position: outside; margin-bottom: 8px; min-height: 23px;height: auto!important; height: 23px;}

p.citation {text-align: center; font-style: italic; font-size: 1.2em; font-weight: 600;margin-bottom: 45px;}

.c1{margin-right: 15px;clear: left}
.c1, .c2 {margin-bottom: 15px;}
.c2 {}
.colonne-temoignage .citation {text-align: left; font-size: 1em; margin: 0 0 5px 93px;}
.colonne-temoignage img {padding-right: 8px;}
.colonne-temoignage .nom {text-align: right;font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em;}
.colonne-temoignage .lien{overflow: hidden}
.colonne-temoignage #lien-boomerang a{}
.colonne-temoignage #lien-nappage a{line-height: 80px}
.colonne-temoignage #lien-nappage img{padding: 20px 8px 0 0}

.temoignage p{font-weight: 600; margin-left: 160px;}
.temoignage blockquote{font-style: normal;background: url(images/closequote.png) no-repeat bottom right !important;background /**/:url(); /* removing quote graphic in IE5+ */padding:0px 30px 20px 0px;border: 0 none;margin-left: 160px;}
.temoignage blockquote:first-letter{background: url(images/openquote.png) no-repeat left top !important;padding:8px 0 10px 30px!important;padding /**/:0px; 	/* resetting padding in IE5+ */background /**/: url(); /* removing quote graphic in IE5+ */}

.voir-fiche {background: url(images/voir-fiche.png) no-repeat; display: block; width: 149px; height: 26px;text-indent: -5000em;float: right;margin-top: 20px;}

/***************************************************************************************
NEWS
***************************************************************************************/
div#bloc_news {
	background: url(images/bloc_news_top.jpg) top left no-repeat #EFEFEB;
	padding: 20px 45px 20px 45px;
	width: 520px;
	margin: 20px 0 0 0;
}
div.NewsSummaryLink{
padding: 3px 0 3px 15px;
line-height:1.1em;
background: url(images/puce_news.jpg) no-repeat left center;
}
div.NewsSummaryContent, div.NewsSummarySummary {
padding: 3px 0 3px 15px;
padding-top:3px;
padding-bottom: 3px;
line-height:1.1em;
}
div.NewsSummaryLink a {
font-weight:bold;
text-decoration:none;
}
div.NewsSummaryLink a:hover {
text-decoration:underline;
}
div#bloc_news_bottom {
	background: url(images/bloc_news_bottom.jpg) no-repeat;
	height: 18px;
}
div.post-content ul li {
        margin: 0 0 0 15px;
}
/*******************************************************************
FORMULAIRES
*******************************************************************/
/* formulaires */

.required  {
font-weight:bold;
}
input, select  {
border: #666 1px solid;
}
textarea {
border: #666 1px solid;
width: 350px;
height:100px;
font-family: Verdana, Arial;
font-size: smaller;
}
fieldset {
border: 0px;
margin-top: 15px;
}
form div {
margin: 0;
}
form input {
border: #666 1px solid;
margin: 1px 0 1px 0;
}
form textarea {
border: #666 1px solid;
width: 450px;
height:100px;
}
form label {
width: 10em;
float: left;
text-align: right;
padding-right: 0.5em;
}
form legend {
padding-left: 10.3em;
font-weight: bold;
padding-bottom: 0.25em;
}

.accord label {
width: auto; 
text-align: left;
}
.livraison div { text-align: left; font-weight: normal; margin: 0;}
.livraison label {float: none; width: auto;}
/* mini formulaire */
.miniform textarea {width:172px; margin: 5px 0 5px 0;}
.miniform input {width:172px; margin: 5px 0 5px 0;}
.miniform div {
padding: 3px 3px 3px 3px;
}
.miniform label {
margin: 0;
padding:0;
width: auto;
}
div#search {
   float: right;
   text-align: right;
   padding: 0;
   margin: 0 38px 0 4px;
}

div#search form {
margin:0;
}
div#search form div {margin: 0;}
div#search input#cntnt01searchinput {
border: #D4D0C8 1px solid;
/*font-size: 0.8em;*/
padding:0;
margin:0;
font-family: Verdana, Arial;
background: #fff;
width: 100px;
}
fieldset.msg {
margin-left: -10.4em;
}
div#search input {
background:url(images/Bg-boutonSearch.png);
border: 0px;
width: 14px;
margin: 0;
}
.formautre {margin-left:100px;}
form .adresse textarea {width:182px; height:50px}
.checkbox { overflow: hidden;}
.checkbox label {float: none;margin-left: 5px}
.checkbox input {float: left;margin:0}
.checkbox label, .checkboxGroup label {width: auto;}
.checkboxGroup {margin-bottom: 15px;}
.checkboxGroup label {margin-right: 10px; float: none;padding: 0 0 5px; display: block; text-align: left;}
.checkboxGroup div label {margin-right: 0; display: inline}
.checkboxGroup div { margin:0}

/* formations en ligne */

table.liste-formations {

margin: 0 0 1.5em 20px;

width: 580px;

}

table.liste-formations td {

padding: 4px 5px 4px 5px;

border-bottom: #eee 1px solid;

}

table.liste-formations th {

padding: 4px 5px 4px 5px;

background: #eee;

}



table.liste-formations a {

text-decoration:none;

}



table.programme-idays {

margin: 0 0 1.5em 20px;

width: 630px;

}

table.programme-idays td {

padding: 4px 5px 4px 5px;

border-bottom: #eee 1px solid;

}

table.programme-idays td.horaires {

color: #666666;

}

/* propriétés communes à l'ensemble des 4 coins */



div.coins-arrondis {

background-color: #e6e9f0;

/*padding: 20px;*/

margin: 0 20px 0 20px;

}

#content div.coins-arrondis h3 {

   font-family: Arial, Verdana;

   font-style: normal;

   color: #fff; 

   font-size: 2em;

   line-height: 1.3em;



padding: 0px 0px 0px 0px;

margin: 0px 0px 5px 20px;

   background: none;

}



div.coins-arrondis #hautgauche, div.coins-arrondis #hautdroit, div.coins-arrondis #basgauche, div.coins-arrondis #basdroit {

height: 8px; width: 8px;

background-repeat: no-repeat;

font-size:1px; /* correction d'un bug IE */

}

/* propriétés spécifiques à chaque coin */

div.coins-arrondis #hautgauche {

background: url(/images/op/hautgauche.png);

}

div.coins-arrondis #hautdroit {

float: right;

background: url(/images/op/hautdroit.png);

}

div.coins-arrondis #basgauche {

background: url(/images/op/basgauche.png);

}

div.coins-arrondis #basdroit {

float: right;

background: url(/images/op/basdroit.png);

}



div.coins-arrondis #contenu {

padding-left: 10px;

padding-right : 10px;

padding-top: 5px;

padding-bottom: 5px;

}

div.coins-arrondis ul {

list-style-type: square;

}

/***************************************************************
FOOTER
******************************************************************/
div#footer {
   height: 160px;
   margin: 0;
   padding: 0 15px 0 70px;
   bottom: 0;
   clear: both;
}
div#rappel-nav {
    width: 100%;
}
div#rappel-nav ul li {
    float: left;
    list-style-type: none;
    padding: 0 20px 0 0;
    margin: 0;
    line-height: 45px;
}
div#rappel-nav ul li a {
    text-decoration: none;
}
div#rappel-nav ul li.activeparent {
    font-weight: bold;
}
div#rappel-nav ul li.currentpage h3 {
    font-size: 1em;
}
div#footer p#nav-footer {
    text-align: right;
    padding: 25px 0 0 0;
    clear: both;
    margin: 0 0 0 0;
}
div#footer p#nav-footer a {
    text-decoration: none;
    margin: 0;
}
div#footer p#nav-footer a:hover {
    text-decoration: underline;
}
div#footer p#adresse {
    clear:right;
    text-align: right;
    padding: 10px 0 0 0;
    margin: 0;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}
/*****************************************************
SITEMAP
********************************************************/
div#menuwrapper ul li {
list-style-position: outside;
}
div#menuwrapper ul li.menuparent {
text-transform: uppercase;
list-style-image: url(images/puce_currentpageh3.gif);
}
div#menuwrapper ul li ul li.menuparent {
text-transform: lowercase;
}
div#menuwrapper ul li ul {
margin: 2px 0 20px 0;
padding: 2px 0 0 20px;
border-top: 1px solid #E0DFD8;
text-transform: lowercase;
}
div#menuwrapper ul li ul li ul {
margin: 5px 0 10px 0px;
border: none;
text-transform: lowercase;
}
div#menuwrapper a {
text-decoration: none;
}
div#menuwrapper ul li ul li ul li, div#menuwrapper ul li ul li {
list-style-image: url(images/puce_niveau3_active.gif);
}
div#menuwrapper a:hover {
text-decoration: underline;
}
.pdf {background: url(images/pdf-ico.png) no-repeat left center; padding: 20px 0 0 70px; display: block; height: 50px; text-decoration: none!important; font-size: 1.1em; width: 180px;margin: 0 auto; border: 1px solid #fff;line-height: 1.2em;}
.pdf:hover {border: 1px solid #ccc;}
/* End of 'global' */

/* Start of CMSMS style sheet 'fr' */
div.bloc_accueil h3#decouvrez {
	background: url(images/fr/bloc_accueil_decouvrez.jpg) no-repeat;
}
div#bloc_accueil_milieu h3#savoirplus {
	background: url(images/fr/bloc_accueil_savoirplus.jpg) no-repeat;
}
div.bloc_accueil h3#onlineServices {
	background: url(images/fr/bloc_accueil_onlineServices.jpg) no-repeat;
}
div#bloc_contact_top {	
	background: url(images/fr/bloc_contact_top.jpg) no-repeat;
}
div#bloc_contact_bottom {
	background: url(images/fr/bloc_contact_bottom.jpg) no-repeat;
}
div#bloc_contact_bottom2 {
	background: url(images/fr/bloc_contact_bottom2.jpg) no-repeat;
}
div#footer {
   background: url(images/fr/Bg-footer.jpg) no-repeat;
}
div#langue a#fr {
	background: url(images/fr.gif) no-repeat 0 100%;
}
div#langue a#en {
	background: url(images/en.jpg) no-repeat;
}
div#langue a#de {
	background: url(images/de.gif) no-repeat;
}

div#langue a#en:hover {
	background: url(images/enHover.jpg) no-repeat;
}
div#langue a#de:hover {
	background: url(images/de.gif) no-repeat 0 100%;
} 
/* End of 'fr' */