/* RESET WHITE SPACE */
* {padding:0; margin:0;}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;  padding:0; } 
table { border-collapse:collapse;  border-spacing:0;} 
fieldset {border:0; } 
address,caption,cite,code,dfn,em,th,var {font-style:normal;  font-weight:normal; } 
ol,ul {list-style:none; } 
caption,th {text-align:left; }
label
{
	border-bottom: #777 dotted 1px;
}

hr
{
	border: none;
	border-bottom: #333 dotted 1px;
}

/* RESET WHITE SPACE */
html, body { height:100%}
body {font:11px Verdana, Arial, Helvetica, sans-serif; color: #000000; }

/************* OBJETS GLOBALS *********************/
a,
a:visited,
a:hover,
a:active {text-decoration:none; outline:none; position:relative; color:#333;}
p { margin: 5px 0; }
a:hover {border-bottom: 1px #555 dotted; text-decoration: none;}
img { border:none; }
ul, li {list-style:none; text-align:left;}

/********** MISC CLASSES *************/

.offline { border:1px solid red;}
.btn-back { text-align: right; padding-top: 20px;}
.bloc-list-01 {padding-bottom:2px;}
.left {float:left;}
.right {float:right;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.clear {clear:both;}
.bold{font-weight:bold;}
.italique {font-style:italic;}
#dewplayer{ margin-left: -20px;}

#global{ width:986px; margin: -10px auto 0 auto; padding:0; background: #fff url("images/bgMiddle.gif") left bottom repeat-y;  }
#globalTop{ width:986px; margin: 0 auto; padding:0; height: 15px; background: #fff url("images/bgTop.gif") left top no-repeat; }
#globalBottom{ width:986px; margin: 0 auto; padding:0; height: 15px; background: #fff url("images/bgBottom.gif") left bottom no-repeat; }

.content{}
.content .texte{ margin: 10px; }

.savoirPlus{ background: #333; color: #fff; width: 70%; padding: 2px 0 2px 10px; float: right; margin: 10px 0; }
.savoirPlus a{ color: #fff; }
.savoirPlus a:hover{ text-decoration: none; }

/* surcharge v1.1 */
/*
body{ background: #fff url("images/bg.jpg") center top no-repeat; }
#global{ background: transparent url() left bottom repeat-y;  }
#globalTop{ background: transparent url() left top no-repeat; }
#globalBottom{ background: transparent url() left bottom no-repeat; }
*/
/* fin surcharge */

#header{ font-size: 12px;  margin: 10px; }
#header a:hover{text-decoration: none;}

#content{ margin: 10px 10px 20px 10px; }
#content a,
#content a:visited,
#content a:active,
#content a:hover{  width: 100%;  }


#banniere
{
	background: url(images/bg.jpg) bottom;
	height: 200px;
	margin-left: -6px;
	margin-top: -21px;
	z-index: 0;
}
#slogan
{
	margin-top: -85px;
	height: 77px;
	/*background: url(images/bg_slogan.png) bottom;*/
	padding: 5px;
	margin-left: -6px;
	z-index: 100;
}
.menuHorizontal
{
	margin-top: -3px;
}

.titre{ font-family: Arial; font-size: 23px; color:#3a3a37;font-weight: bold; margin: 0 0 15px 15px; padding: 10px 0 0 0; }
.soustitre{ font-family: Arial; font-size: 22px; color:#3a3a37;font-weight: bold; margin: 0 0 15px 0; padding: 10px 0 0 0; }
.legende{ font-family: Arial; font-size: 12px; color:#3a3a37;font-weight: bold; margin: 0 0 10px 5px; padding: 10px 0 0 0; }
.initiales{color:red;}
.important
{
	color: #006400;
	background:#ccdec8;
}

#tableauSite td
{
	padding: 10px;
}

.directaccess,
.edito,
.news,
.google,
.newsresist,
.monnaie,
.designrepresent,
.resumes,
.FondRose,
.FondBleuVert,
.FondOrange,
.FondRouge,
.FondGris{ padding: 0px; margin: 3px; }

.directaccess{ background: #ffffff url("images/focus/bgFocusBleuGlacial.gif") left top repeat-x; border: 1px dotted #bfeaff;}
.directaccess a:hover{text-decoration: none; }
.directaccess .titre{ color: #fff; }
.directaccess .content{ padding: 0; }
.directaccess a.entete{ font-weight: bold; font-size: 13px; background: #61beee; padding: 0 15px 0 20px; color: #fff; }
.directaccess p{ padding: 0 15px; margin: 5px 0 10px 0;  }
.directaccess .oListe{  background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 0 0 20px 20px; }
.directaccess .oListe a,
.directaccess .oListe a:hover,
.directaccess .oListe a:visited,
.directaccess .oListe a:active{ text-decoration:none; }


.newsresist{ background: #FAFAFA; border-bottom: 1px dotted #ccc; border-right: 1px dotted #ccc;  }
.newsresist .big{ font-size: 22px; font-weight: bold; text-align: center; margin: 0 0 20px 0; }

.monnaie{ /*background: #ffffff url("images/focus/bgFocusJauneBas.gif") left bottom repeat-x;*/ background: #FAFAFA url("images/focus/bgCercleTopOr.gif") left top no-repeat; border: 1px solid #fcf19e; margin-top: 0;}
.monnaie .titre{ color: #ebcf03; }
.monnaie .savoirPlus{ background: #d4be26; }

.designrespresent{ background: #FAFAFA; border-bottom: 1px dotted #8ECFCC; border-right: 1px dotted #8ECFCC;  }
.designrespresent .content .texte{ text-align: center; }
.designrespresent .titre{ color: #8ECFCC; }

.resumes{ background: #fff url("images/focus/bgFocusVertPomme.gif") left bottom repeat-x; border: 1px dotted #b4ffa7;  }
.resumes .titre{ color: #5ca900; }
.resumes .content{ padding: 0; }
.resumes .content .texte{ margin: 10px; text-align: left; }
.resumes .oResume{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 0 0 4px 20px; }
.resumes .oResume a,
.resumes .oResume a:hover,
.resumes .oResume a:visited,
.resumes .oResume a:active{ text-decoration: none; }
/* .resumes .savoirPlus{  background: #598435; color: #fff; }*/

.edito{ background: #FAFAFA url("images/focus/bgCercleTopLeft.gif") left top no-repeat; border: 1px solid #E3E3E3;  }
.edito .titre{ color: #001e52;  }
.edito .content{ padding: 0; }
.edito .content .col1-2{ float: left; width: 25%; }
.edito .content .col2-2{ float: left; width: 75%; }
.edito .image{ width: 150px; border: 0px solid #650048; margin: 10px; }
.edito .intro{ color: #001e52; font-weight: bold; margin: 10px; }
.edito .texte{ clear: both; padding: 10px; color: #001e52;}

.google{ background: #FAFAFA; border: 1px dotted #AAAAAA; }
.google .titre{ color: #666; }
.google .savoirPlus{ background: #CF3333; }

.news{ background: #FAFAFA url("images/focus/bgCercleTopRouge.gif") left top no-repeat; border: 1px solid #f1c1c1; }
.news .titre{ color: #CF3333; }
.news .savoirPlus{ background: #CF3333; }
/*.news .savoirPlus a,
.news .savoirPlus a:visited,
.news .savoirPlus a:hover,
.news .savoirPlus a:active{ color: #fff; }*/


.FondRose{  background: #ffffff url("images/focus/bgFocusRoseBas.gif") left bottom repeat-x; border: 1px dotted #e878dc; }
.FondRose .titre{ color: #ae21a0; }
.FondRose .content{ padding: 0 10px; }
.FondRose .content .texte{ margin: 10px; text-align: left; }
.FondRose .oDocument{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 2px 0 2px 20px; }

.FondBleuVert{  background: #ffffff url("images/focus/bgFocusBleuVertBas.gif") left bottom repeat-x; border: 1px solid #b0e4e8; margin-top: -10px;}
.FondBleuVert .titre{ color: #00bfff; }
.FondBleuVert .content{ padding: 0 10px; }
.FondBleuVert .content .texte{ margin: 10px; text-align: left; }
.FondBleuVert .oDocument{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 2px 0 2px 20px; }
.margeCol { margin: 0; padding: 0;}
/*.FondBleuVert .savoirPlus a{ color: #e07bd7; background: none}*/


.FondVertDeau{  /*background: #ffffff url("images/focus/bgFocusVertDeauBas.gif") left bottom repeat-x;*/ background: #FAFAFA url("images/focus/bgCercleTopEau.gif") left top no-repeat; border: 1px solid #d6e7e8; margin-left: 3px;}
.FondVertDeau .titre{ color: #289da6; margin-left: 8px;}
.FondVertDeau .content{ padding: 0 0; }
.FondVertDeau .content .texte{ margin: 10px; text-align: left; }
.FondVertDeau .oDocument{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 2px 0 2px 20px; }
.FondVertDeau .savoirPlus{ background: #4cbbd4; }
/*.FondVertDeau .savoirPlus a{ color: #e07bd7; background: none}*/

.FondVert{  /*background: #ffffff url("images/focus/bgFocusVertDeauBas.gif") left bottom repeat-x;*/ background: #FAFAFA url("images/focus/bgCercleTopVert.gif") left top no-repeat; border: 1px solid #c6ecd1; margin-left: 3px;}
.FondVert .titre{ color: #086b00; margin-left: 8px;}
.FondVert .content{ padding: 0 0; }
.FondVert .content .texte{ margin: 10px; text-align: left; }
.FondVert .oDocument{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 2px 0 2px 20px; }
.FondVert .savoirPlus{ background: #41a035; }
/*.FondVertDeau .savoirPlus a{ color: #e07bd7; background: none}*/


.FondOrange{  background: #ffffff url("images/focus/bgFocusOrangeBas.gif") left bottom repeat-x; border: 1px dotted #ffd187;}
.FondOrange .titre{ color: #ff9c00; }
.FondOrange .content{ padding: 0 10px; }
.FondOrange .content .texte{ margin: 10px; text-align: left; }
.FondOrange .oDocument{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 2px 0 2px 20px; }

.FondGris{ background: #ffffff url("images/focus/bgFocusGrisClairBas.gif") left bottom repeat-x; border: 1px solid #d9d7d7; }
.FondGris .titre{ color: #bababa; }
.FondGris .content{ padding: 0 10px; }
.FondGris .content .texte{ margin: 10px; text-align: left; }
.FondGris .oDocument{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 2px 0 2px 20px; }

.FondRouge{  background: #ffffff url("images/focus/bgFocusRougeBas.gif") left bottom repeat-x; border: 1px dotted #ffa9a7; }
.FondRouge .titre{ color: #fb2707; }
.FondRouge .content{ padding: 0 10px; }
.FondRouge .content .texte{ margin: 10px; text-align: left; }
.FondRouge .oDocument{ background: transparent url("images/pdf.gif") left 1px no-repeat; padding: 2px 0 2px 20px; }


.col{ clear: both; }

.col1-2{ float: left; width: 50%; }	/* largeur du bloc = un demi bloc à gauche */
.col2-2{ float: left; width: 50%; }	/* largeur du bloc = un demi bloc suivant */

.col1-3{ float: left; width: 23%; }	/* largeur du bloc = un tiers de bloc à gauche */
.col2-3{ float: left; width: 53%; }	/* largeur du bloc = un tiers de bloc au centre */
.col3-3{ float: left; width: 23%; }	/* largeur du bloc = un tiers de bloc à droite */

.col1{ float: left; width: 76%; } 	/* largeur du bloc = colonne centrale plus une latérale */
.col2{ float: left; width: 24%; }	/* largeur du bloc = colonne latérale */
.col0{ float: left; width: 99%; }	/* largeur du bloc = largeur de l'écran */

#footer{ clear: both; text-align: center; border-top: 1px dotted #ccc; margin: 10px; }
#footer div{ float: left; margin: 10px 20px 0 10px;  }


table .noPadding
{
	color: #333333;
}