@charset "UTF-8";

/* *** General style ****************************************** */


/* A RANGER */
img.sloganblog {
	position: absolute;
	top: 132px;
	left: 200px;
}

img.sloganline {
	position: absolute;
	top: 124px;
	left: 200px;
}

p.textrss {
	position: absolute;
	top: 100px;
	left: 660px;
	font-size: 11px;
	color: #555555;
}

img.rss {
	position: absolute;
	top: 96px;
	left: 822px;
}

p.texttwitter {
	position: absolute;
	top: 76px;
	left: 675px;
	font-size: 11px;
	color: #555555;
}

img.twitter {
	position: absolute;
	top: 70px;
	left: 820px;
}

p.AddThis {
	position: absolute;
	top: 133px;
	left: 720px;
}




body {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(/images/fond.png);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
	width: 930px;
	margin-left: -465px;
	left: 50%;
	position: absolute;
	background-color: #cbcbcb;
}

h1 { font-size: 16px; color: #030303; font-weight: bold; }

p {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #163B17;
}

form {
	margin: 0px;
	padding: 0px;
}

img { border:none; }

.StyleGray { color: #2D2D2D; }
.StyleLigthGray { color: #666666; }

.StyleS11Gray { font-size: 11px; color: #2D2D2D; }
.StyleS11LigthGray { font-size: 11px; color: #666666; }
.StyleS11Red { font-size: 11px; color: #B50000; text-align:justify; }

.StyleS12 { font-size: 12px; }
.StyleS12green { font-size: 12px; color: #59A523; }
.StyleS12greenBold { font-size: 12px; color: #59A523; font-weight: bold; }
.StyleS12GrayBold { font-size: 12px; color: #444444; font-weight: bold;}

.StyleS13 { font-size: 13px; color: #2D2D2D; }

.StyleS14grayBold { color: #999999; font-size: 14px; font-weight: bold; }

.StyleS16grayCenter { color: #575757; font-size: 16px; text-align:center; }

.StyleS18bold { color: #444444; font-weight: bold; font-size: 18px; }

/* *** Spécial style ****************************************** */

.StyleAppName {
	font-size: 22px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
}
.StyleVers1 {
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
	color: #818181;
}
.StyleVers2 {font-size: 28px; letter-spacing: -2pt;}

/***************************************************************/

p.menu {
	position: relative;
}

p.footer {
	text-align:center;
	margin-top:8px;
	font-size: 10px;
	color: #777777;
}

p.link {
	text-align:center;
	margin-top:8px;
	font-size: 10px;
}

p.ChoixLangue {
	position: absolute;
	top: 20px;
	left: 590px;
	color: #163B17;
}


a:link {
	text-decoration: none;
	color: #49a32d;
}

a:visited {
	text-decoration: none;
	color: #49a32d;
}

a:hover {
	text-decoration: underline;
	color: #49a32d;
}

a.more {
	white-space: nowrap;
	padding-right: 9px;
	padding-bottom: 1px;
	background: url(/images/greenarrow.gif) no-repeat 100% 50%;
	zoom: 1;
}

a.menu {
	display:block;
	float: left;
	text-decoration: none;
	color:#333333;
	height: 43px;
	background-image: url(/images/MenuFond.png);
	background-repeat: repeat-x;
	font-size: 15px;
	padding-top: 9px;
	padding-right: 29px;
	padding-bottom: 0px;
	padding-left: 28px;
}

a.menu:visited {
	text-decoration: none;
}

a.menu:hover {
	text-decoration: none;
	background-image: url(/images/MenuFondF.png);	
	color:#FFFFFF;
}

a.ChoixLangue {
	text-decoration: none;
	color: #163B17;
}

a.ChoixLangue:link {
	text-decoration: none;
	color: #163B17;
}

a.ChoixLangue:hover {
	text-decoration: underline overline;
	color: #163B17;
}


/* Note sur le centrage du texte dans les div, toutes les dimensions
et positionement sont calculés a partir du bord superieur gauche. Il
Faut penser que si l'on agrandis une police, de 1px par exmple, il
faudra reduire la div de 1px de hauteur, sous peine de rajouter 1px
marge en dessous (le CSS deborde…), et de même si on rajoute du
remplissage (padding) pour redescendre le texte ou le remonter */


div#header {
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
}

div#CellHead {
	height: 28px;
	width: 810px;
	background-image: url(/images/CellHead.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
	font-size: 18px;
	padding-top: 6px;
	padding-left: 14px;
	color: #FFFFFF;
}

div#CellHead6 {
	height: 1px;
	width: 824px;
	background-image: url(/images/CellHead6.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
}

div#CellMain6 {
	width: 816px;
	background-image: url(/images/CellFond.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
	padding: 4px;
	padding-left: 6px;
}

div#CellClos6 {
	height: 1px;
	width: 823px;
	background-image: url(/images/CellBas6.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
}

div#CellMain {
	width: 816px;
	background-image: url(/images/CellFond.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

div#CellClos {
	background-image: url(/images/CellBas.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 824px;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
}

div#CellHead2 {
	height: 6px;
	width: 824px;
	background-image: url(/images/CellHead2.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
}

div#CellMain2 {
	width: 824px;
	background-image: url(/images/CellFond2.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 16px;
}

div#CellClos2 {
	background-image: url(/images/CellBas2.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 824px;
	margin-top: 0px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 53px;
}

div#CellHead4 {
	height: 21px;
	width: 822px;
	background-image: url(/images/CellHead4.png);
	background-repeat: no-repeat;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 54px;
	
	padding-left: 8px;
	padding-top: 7px;

	font-size: 12px;
	color: #666666;
}

div#CellSelect4 {
	height: 9px;
	width: 822px;
	background-image: url(/images/CellSelect4_0.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 54px;
	
	background-color: #ffffff;
}

div#CellMain4 {
	width: 812px;
	background-image: url(/images/CellFond4.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 54px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;

	background-color: #ffffff;
}

div#CellClos4 {
	background-image: url(/images/CellBas4.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 822px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 54px;
	
	background-color: #ffffff;
}


div#CellHead5 {
	height: 4px;
	width: 782;
	background-image: url(/images/CellHead5.png);
	background-repeat: no-repeat;
	margin-top: 24px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 6px;
}

div#CellMain5 {
	width: 782;
	background-image: url(/images/CellFond5.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 12px;
	padding-left: 16px;
	
	font-size: 12px;
	color: #003366;
}

div#CellClos5 {
	background-image: url(/images/CellBas5.png);
	background-repeat: no-repeat;
	height: 2px;
	width: 782;
	margin-top: 0px;
	margin-left: 6px;
	margin-bottom: 20px;
	margin-right: 16px;
}


/*** MENU ***/

ul.menu {
	position: absolute;
	top: 74px;
	left: 157px;
}

li.menu {
	display:block;
	float:left;
	list-style-type: none;
	background-image: url(/images/MenuFond.png);
	height: 42px;
	position: relative;
	top: -50px;
	right: 0px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-repeat: repeat-x;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	color: #333333;
}

li.menuActif {
	display:block;
	float:left;
	list-style-type: none;
	background-image: url(/images/MenuFondV.png);
	height: 42px;
	position: relative;
	top: -50px;
	right: 0px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-repeat: repeat-x;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

li.menu:hover {
	background-image: url(/images/MenuFondF.png);
}

li.menuG {
	display:block;
	float:left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(/images/MenuGauche.png);
	height: 42px;
	padding: 0px;
	position: relative;
	top: -50px;
	right: 0px;
	width: 12px;
}

li.menuD {
	display:block;
	float:left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(/images/MenuDroite.png);
	height: 42px;
	padding: 0px;
	position: relative;
	top: -50px;
	right: 0px;
	width: 12px;
}

li.menuSep {
	display:block;
	float:left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(/images/MenuSep.png);
	height: 42px;
	padding: 0px;
	position: relative;
	top: -50px;
	right: 0px;
	width: 2px;
}

/*** TAB ***/

ul.tab {
	/*position: absolute;*/
	top: 94px;
	left: 157px;
}

li.tab {
	display:block;
	float:left;
	list-style-type: none;
	background-image: url(/images/MenuFond.png);
	height: 42px;
	position: relative;
	top: -50px;
	right: 0px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-repeat: repeat-x;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	color: #333333;
}

li.tabActif {
	display:block;
	float:left;
	list-style-type: none;
	background-image: url(/images/MenuFondV.png);
	height: 42px;
	position: relative;
	top: -50px;
	right: 0px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-repeat: repeat-x;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

li.tab:hover {
	background-image: url(/images/MenuFondF.png);
}

li.tabG {
	display:block;
	float:left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(/images/MenuGauche.png);
	height: 42px;
	padding: 0px;
	position: relative;
	top: -50px;
	right: 0px;
	width: 12px;
}

li.tabD {
	display:block;
	float:left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(/images/MenuDroite.png);
	height: 42px;
	padding: 0px;
	position: relative;
	top: -50px;
	right: 0px;
	width: 12px;
}

li.tabSep {
	display:block;
	float:left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(/images/MenuSep.png);
	height: 42px;
	padding: 0px;
	position: relative;
	top: -50px;
	right: 0px;
	width: 2px;
}

/**************/


img.slogan {
	position: absolute;
	top: 47px;
	left: 200px;
}

img.sloganblog {
	position: absolute;
	top: 132px;
	left: 200px;
}

img.sloganline {
	position: absolute;
	top: 124px;
	left: 200px;
}

div#FormTexte {
	float: left;
	width: 120px;
	text-align: right;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
	clear: left;
}
div#FormChamp {
	padding-top: 3px;
	padding-bottom: 3px;
	clear:right;
	width: 800px;
	border: 1px solid #FFF;
}

img.logo {
	border:none;
	margin-left:13px;
}

.Style1 {
	font-size: 10px;
	color: #333333;
}
.Style2 {
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}
.Style4 {
	font-size: 10px;
	color: #666666;
}
.Style5 {
	color: #CC3300;
	font-weight: bold;
	font-size: 12px;
}