*{margin:0px;padding:0px}
a img{border:none}
form{margin:0px}
body {
	font:0.95em verdana; 
	color:#4B4B4B;
	background-color:#737373;
	text-align:center; 
	margin:5px 0px
}

h1
{
	text-align:left;
	margin-bottom:20px;
	padding-left:17px;
	margin-left:0px;
	font-size:1.3em;
	font-weight:bold;
	color:#5F5B58;
	line-height:20px;
	background-image:url(img/bullet_arrow2.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	letter-spacing:2px;
}

h2
{
	text-align:left;
	font-weight:bold;
	color:#78726E;
	font-size:1.2em;
	margin-top:15px;
	margin-bottom:15px
}

h2 p {text-align:justify}

p
{
	margin:9px 0px;
	line-height:1.4em;
	padding:0px;
	text-align:justify;
}

.nomdomaine h1 {color:white}
.nomdomaine p {text-align:center; color:white}
.nomdomaine p a {color:white; text-decoration:none}
.nomdomaine table {width:95%; background-color:white; margin:10px auto; border-collapse:collapse; border-top:solid 1px #808080; border-bottom:solid 1px #808080;; padding:0px}
.nomdomaine table td {text-align:left; border-top:solid 1px #808080; border-bottom:solid 1px #808080; vertical-align:middle; padding:10px}

a {color:#66F; text-decoration:none}
a:link{color:#66F}
a:visited{color:#66F}
a:hover{color:blue; text-decoration:underline}
a:active{color:#780D99}

a.important {font-weight:bold}

#GlobalPage
{
	background-color:white;
	text-align:left;
	margin:0px auto;
	width:987px
}

#GlobalHeader
{
	padding:0px;
	height:130px;
	width:985px;
	position:relative;
	z-index:100;
	text-align:left
}

#GlobalHeader img {width:560px; height:90px; border:none; margin:10px}

#GlobalContenu
{
	padding-top:3px;
	width:auto;
	background-color:white;
}

#GlobalContenuGauche,#GlobalContenuCentre
{
   text-align:center;
   float:left;
   width:200px;
   margin-bottom:2px;   
}

#GlobalContenuCentre
{
	width:780px;
	padding:0px;
	margin:0 0 100px 0
}

#CentreBoxHead
{
	width:auto;
	text-align:left;
	margin:0px;
	padding:0px;
	border:0px;
}

#CentreBoxHead p
{
	margin:0px 0px 0px 8px;
	padding:0px;
	color:#FFFFFF;
	letter-spacing:1px;
	line-height:46px;
	overflow:hidden;
}

#CentreBoxBody
{
   background:#fff;
   width:auto;
}

#CentreBoxFooter
{
   height:9px;
   margin:0px;
   overflow:hidden;
}

#GlobalCopyright
{
	color:white;
	text-align:center;
	margin-top:5px;
	background-color:#4C4C4C;
	font-size:0.8em;
	padding:10px;
}

#GlobalCopyright a {color:white; text-decoration:none}
#logofoot {color:white; padding:10px}
#logofoot a {color:white}

/*----------------------------------- début menu ------------------------------------------*/
li{margin-bottom:0px}
ul,ol{margin-left:25px}

.cbar h3
{
	font-weight:bold;
	margin:0px 3px;
	text-align:left;
	padding:9px 8px 3px 8px;
	line-height:13px;
	color:#5B0B66;
}

.cbar .box 
{
	margin:0px 3px 3px 7px;
	text-align:left;
	width:190px;
	padding-bottom:5px;
	overflow:hidden;
}

.cbar .hr 
{
    margin:0px 10px;
}

ul.bullet
{
	list-style-type:none;
	margin:0px 5px 10px 5px;
}

ul.bullet li
{
	margin-left:30px
}

ul.menu
{
	list-style-type:none;
	margin:0px 5px 0px 5px;
}

ul.menu li
{
	padding:0;
}

ul.menu a {
	text-decoration:none; 
	background-color:#F9F9F9;
	padding:10px; 
	display:block; 
	border:solid 1px #B4B4B4;
	margin-bottom:2px;
	width:162px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

ul.menu a:link{color:#4C4C4C}
ul.menu a:visited{color:#4C4C4C}
ul.menu a:hover{color:black; background-color:#E7E7E7}
ul.menu a:active{color:black}

ul.menu a.currentPage {background-color:#800080; color:white}

/*----------------------------------- fin menu ------------------------------------------*/

.Breaker
{
	overflow:hidden;
	height:1px;
	clear:both;
}

#GlobalContenuCentre li 
{ 
    background-image:url(img/check.gif);
    background-repeat:no-repeat;
    background-position:0px 5px;
    padding:5px 20px;
}

.CentreBoxBodyText 
{
	margin:0px 10px;
	padding:0px;
	text-align:left;
	width:755px; 
	overflow:hidden;
}

.CentreBoxBodyText p {margin-left:10px; margin-right:10px}

#CentreBoxHead p {height:9px}

#CadreRecherche
{
	width:760px;
	margin:0px;
	padding:10px;
	border:solid 1px #B4B4B4;
	background-color:#D3FBD9;
}

input, select {}

.important {color:#770D87}

a.newcount {color:red; font-weight:bold; text-decoration:none}
a.newcount:hover{color:#000000}

.center
{
	text-align:center;
}

.bold
{
	font-weight:bold;
}

.souligne
{
	text-decoration:underline;
}

.italic
{
	font-style:italic;
}

#aide
{
	display:none;
	width:580px;
	padding:10px;
	margin-top:10px;
	margin-bottom:15px;
	border:solid #006633 1px;
	background-color:#FFFFCC
}

.iframe {width:600px; height:205px;border:0px; margin-top:10px}
body.iframe {width:580px; text-align:left; margin:0px; padding:0px; background-color:#ffffff; background-image:url(); overflow:hidden}

#main {padding:10px; padding-top:0px}

#message
{
	width:auto;
	margin:15px 30px auto;
	text-align:center;
}

#message_ok
{
	width:450px;
	color:green;
	padding:10px;
	border:solid green 1px;
	background-color:#FFFFCC
}

#message_alerte
{
	color:red;
	text-align:center; 
	margin-top:10px; 
	padding:15px; 
	border:solid 2px red; 
	width:765px; 
	background-color:#FFFF99;
}

#main span
{
	font-weight:bold;
	color:#5B0B66;
}

.site
{
	font-weight:bold;
	color:#5B0B66;
}

.stabilo
{
	font-weight:bold;
	color:#5B0B66;
}

#pas_vu
{
	display:none;
}

.sites {float:left; background-color:#EAEAEA; width:250px; height:170px; padding:5px; padding-left:0px; margin:5px; text-align:center}
.sites img {border:solid 3px #07C07C}

.table  
{
	text-align:left; 
	margin:0px;
	padding:5px;
	color:black; 
	width:800px; 
	background-color:#EBEBEB; 
	border:solid #808080 1px; 
}

.table td
{
	margin:0px;
	padding:2px;
}

.bandeau  
{
	text-align:center;
	background-color:#009966; 
	font-size:1.1em; 
	color:white;
	font-weight:bold;
}

.tablepointille {color:black; background-color:#EBEBEB; border-left:solid #808080 1px; border-right:solid #808080 1px; border-top:solid #808080 1px; border-bottom:solid #808080 1px; border-style:dotted}
.titretable  {color:#3333FF}
.input	{color:black}
.aide	{color:#5B0B66; font-style:italic; text-align:justify}

#table_titre_lg {width:585px; border:0px}

#cadre
{
	width:525px;
	padding:10px;
	color:#666;
	margin:30px auto 100px auto; 
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px
}

#cadre.titre
{
	letter-spacing:2px;
	color:#ffffff;
	background-color:#009966;
	font-weight:bold;
	border:solid 1px #009966;
}

div p.alert { text-align:center; width:600px; background-color:#FFF8C3; color:red; margin:15px auto 0 auto; padding:10px}
div p.ok { text-align:center; width:600px; background-color:#FFF8C3; color:red; margin:15px auto 0 auto; padding:10px}

div.row {clear:both; padding:10px; margin:0px; width:auto}
div.row span.label { float:left; text-align:right; padding-right:10px; width:190px}
div.row span.form { float:left; text-align:left; width:190px}
div.row .contact { width:270px}
div.row .message { width:450px; margin:auto}
div.row span.form input[type="text"], input[type="password"], textarea {color:#666; border: 1px solid #e5e5e5; padding:3px; font-size:1em; margin-top:4px; background-color:#F5F5F5}

.publiengauche {float:left; width:200px; height:70px; margin-bottom:10px; text-align:center}
.publiendroit {float:left; width:380px; height:70px; margin-bottom:10px}
.pub {border:solid 1px #E0FDDF; padding:3px; margin-bottom:5px; height:70px}

.offres, .inscription, .liens {width:98%; margin:10px auto; border-collapse:collapse; border-top:solid 1px #808080; border-bottom:solid 1px #808080;; padding:0px; color:#333}
.offres td, .inscription td, .liens td {border-top:solid 1px #808080; border-bottom:solid 1px #999; vertical-align:middle; padding:15px 5px}
.offrestitre1, .offrestitre2 {text-align:center; background-image:url(img/menu_off.png); font-weight:bold; color:white}
.offrestitre2 {text-align:left}
.liens td {padding:15px}
.col1 {text-align:left}
.col2 {text-align:center; width:110px}
.inscription {width:98%; margin:5px auto}

.sommaire_FAQ {margin:10px 10px 25px 10px}
.sommaire_FAQ img {margin-top:12px}
.sommaire_FAQ a {padding:5px}	
.FAQ {background-image:url(img/menu_off.png); width:auto; padding:1px; color:white}
.FAQ img {border:none; vertical-align:middle; margin-right:10px}

p.creernow {text-align:center; margin:15px; border:solid 1px red; padding:5px; margin-left:20px; margin-right:20px; background-color:#FFFFCC}
p.creernow img {width:15px; height:14px}
p.creernow a{font-size:1.2em; color:red; font-weight:bold; text-decoration:none}
p.creernow a:hover{color:#780D99}

.table, .table_border {width:800px}
#aide {width:800px}

#table_titre_lg {width:800px}
#table_titre_lg td {padding-left:5px;padding-right:5px}

#iframe {height:400px}
#texte {width:750px}

/* Bouton CSS */
.boutonCSS, .boutonCSSIco 
{
	display:inline;
	font-weight:normal;
	font-family:arial;
	color:#4C4C4C;
	cursor: pointer;
	font-size:14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #B3B3B3;  
	margin:0; 
	padding:5px 15px;
	background: #EBEBEB;
	background: -webkit-linear-gradient( #FFF, #DBDBDB);
	background:    -moz-linear-gradient( #FFF, #DBDBDB);
	background:     -ms-linear-gradient( #FFF, #DBDBDB);
	background:      -o-linear-gradient( #FFF, #DBDBDB);
	background:         linear-gradient( #FFF, #DBDBDB)
}

.boutonCSSIco {padding:12px 7px}

.boutonCSS:hover, .boutonCSSIco:hover 
{
	color: #222;
	font-weight:normal;
	background: #D0D0D0;
	background: -webkit-linear-gradient( #FFF, #CCD9E6);
	background:    -moz-linear-gradient( #FFF, #CCD9E6);
	background:     -ms-linear-gradient( #FFF, #CCD9E6);
	background:      -o-linear-gradient( #FFF, #CCD9E6);
	background:         linear-gradient( #FFF, #CCD9E6)
}

a.boutonCSS, a.boutonCSSIco {color:#383838; text-decoration:none}
a.boutonCSS:hover, a.boutonCSSIco:hover {color:#000}

/* Tip	*/
#dhtmltooltip{font-size:0.9em; text-align:left; position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 5px; background-color: lightyellow; visibility: hidden; z-index: 100}
#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden}