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

h1
{
	text-align:left;
	margin:10px 0 15px 5px;
	padding-left:17px;
	font-size:1.3em;
	font-weight:bold;
	color:#008080;
	line-height:20px;
	background-image:url(images/arrow_d.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	letter-spacing:2px
}

h2
{
	text-align:left;
	font-weight:bold;
	color:#78726E;
	font-size:1.2em;
}

h2 p {text-align:justify}

h3
{
	text-align:left;
	font-weight:bold;
	font-size:1em;
}

p {margin:6px 0px; line-height:1.4em; padding:0px}

a {color:blue; text-decoration:none}
a:link{color:blue}
a:visited{color:blue}
a:hover{color:black; text-decoration:underline}
a:active{color:blue}

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

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

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

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

#GlobalContenuCentre
{
	width:770px;
	padding:0px;
	margin:0px;
}

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

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

#CentreBoxBody
{
   width:auto;
}

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

#GlobalCopyright
{
	font-size:0.8em;
	color:#676767;
	text-align:center;
	margin-top:5px;
}

#GlobalContenuCentre li 
{ 
    padding:4px
}


li{margin-bottom:0px}
ul,ol{margin-left:25px}

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

.cbar .box 
{
	margin:0px 3px 3px 7px;
	text-align:left;
	width:196px;
	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:5px 10px; 
	display:block; 
	border:solid 1px #B4B4B4;
	margin-bottom:2px;
	width:155px;
	-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:#808080; color:white}

ul.menu a span {color:green; font-weight:bold}
ul.menu a.currentPage span {color:white; font-weight:bold}


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

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

#CentreBoxHead p {height:9px}

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

input[type="text"], select 
{
	font-family:verdana;
	color:#333; 
	border:solid 1px #A9A9A9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

input[type="text"] 
{
	padding:5px
}

.important {font-weight:bold; color:#008080}

.center
{
	text-align:center;
}

.bold
{
	font-weight:bold;
}

.souligne
{
	text-decoration:underline;
}

.italic
{
	font-style:italic;
}

#calcul_tarifs
{
	width:400px;
	padding:10px;
	border:solid 1px #B4B4B4;
	border-collapse:collapse;
	background-color:#D3FBD9;
}

#calcul_tarifs td
{
	padding:5px;
}

#calcul_tarifs td.bandeau
{
	text-align:center; font-weight:bold; color:#ffffff; background-color:#009966; font-size:1.2em;
}

#calcul_tarifs td.cellule
{
	text-align:left; 
}


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

#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
{
	text-align:center; 
	margin-top:10px; 
	padding:15px; 
	border:solid 2px red; 
	width:765px; 
	background-color:#FFFF99
}

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

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

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

#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, .table_border
{
	text-align:left; 
	margin:10px auto;
	padding:0px;
	color:#4D4D4D; 
	width:750px; 
	background-color:#F2F2F2;
	border-collapse:collapse;
	border:none
}

.table td, .table tr, .table_border td, .table_border tr
{
	margin:0px;
	padding:7px;
}

.table .colG {text-align:right; width:250px}
.table_border {border-collapse:collapse}
.table_border td {margin:0px; border:solid #CCC 1px}

.bandeau  
{
	text-align:center;
	background-color:#008080; 
	font-size:1em; 
	color:white;
	border:none
}

.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}

div.aide 
{
	border:solid 1px green; 
	background-color:#F8F6D9; 
	width:98%; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin:10px auto
}

div.aide p {color:#006600; font-style:italic; text-align:justify; margin:10px}
div.aide h2 {color:#006600; font-style:bold; margin:10px}
div.aide textarea, .plugin {color:#4886D7; margin:10px 30px; padding:4px; width:700px; font-size:1em}
.plugin {height:500px; width:100%}

#table_titre_lg {width:750px}
#table_titre_lg td {padding:10px 5px}

#cadre
{
	margin:0px;
	padding:3px;
	width:400px;
	border:solid 1px #C0C0C0;
	color:#000000;
	background-color:#EBEBEB;
}

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

div.row {clear:both; padding:3px; margin:0px; width:auto}
div.row span.label { float:left; text-align:right; padding-right:20px; width:190px}
div.row span.form { float:left; text-align:left}

#iframe {width:740px; height:400px; margin-top:10px; border:solid 1px #B3B3B3}
#texte {width:715px; margin:auto}

.charte {float:left; text-align:center; width:47%; margin:15px 5px; padding:3px}
.charte img {margin-bottom:7px; width:300px; height:230px}

.CadreTable
{
	margin:0px auto 0px auto;
	padding:3px;
	width:400px;
	border:solid 1px #C0C0C0;
	color:#000000;
	background-color:#EBEBEB;
}

.CadreTableTitre
{
	margin:0px auto 0px auto;
	letter-spacing:2px;
	color:#ffffff;
	background-color:#009966;
	font-weight:bold;
	border:solid 1px #009966;
}

#showMessage
{
	width:auto;
	margin:10px auto 10px auto;
	padding:0px;
	text-align:center;
}

#showMessage_ok, #showMessage_alerte
{
	width:450px;
	color:green;
	padding:7px;
	padding-bottom:2px;
	margin:auto;
	border:solid black 1px;
	background-color:#FCFFA9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

#showMessage_alerte
{
	color:red;
	border:solid red 2px;
}


#showMessage_ok a, #showMessage_alerte a  {text-decoration:none; color:blue}
#showMessage_ok a:hover, #showMessage_alerte a:hover {color:red}

.img_message {vertical-align:middle; margin:0px 15px}
.img_langue {vertical-align:top; height:16px; border:0px; margin-right:5px}

hr {margin-top:5px; margin-bottom:5px}

/* 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}

.pix60 {width:60px; display:block}
.small {padding:2px 8px}
.Xsmall {padding:2px 8px; font-size:0.9em}
.boutonCenter {text-align:center; padding:8px}
.boutonCenter .img_aide {margin-bottom:5px}
	
.center {text-align:center}
.right {text-align:right}
.aboOnly {color:red; letter-spacing:3px; text-align:center}

#ccsArea {width:97%; padding:10px}

.help {float:right; margin-top:10px; margin-right:15px}

#vuePageStandard {text-align:center}

/* 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}

.img_aide {vertical-align:middle; margin:0 10px; border:none}
.loupe {height:18px; margin-left:10px; vertical-align:bottom}
	
.languesGoogle {width:22%}
.languesGoogle input {margin-top:12px}

.aide ul {text-align:left}
.aide li {margin-left:15px}
.varSystem {color:grey}