
* {
	margin:0px;
	padding:0px;
}

body {
	font:11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#585c64;
}

img {
	border:0;
}

.TresPetite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; }
.Petite 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.Normal 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.Moyenne 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
.Grande 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; }
.TresGrande { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; }

.noirBold 	{ 
	color:#000; 
	font-weight:bold; 
}
.bleuBold 	{ 
	color:#325879; 
	font-weight:bold;
}
.rouge 		{ color:#7b0c00;}
.paragraphe { 
	color:#1d2c40;  
	font-weight:normal;
}

h1 { 
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding :0px 0px 0px 0px;
	margin :0px 0px 10px 0;
	color:#990000;
	text-align:left;
	text-transform:none;
}
h2 { 
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 10px 0px;
	color:#325879;
	text-align:left;
	/*background:url(/gipe_images/site/bgTitre.gif) no-repeat bottom right;*/
}	
h3{ 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding :1px 0px 0px 23px;
	margin :15px 0 0px 0px;
	color:#7b0c00;
	background:	url(/gipe_images/site/puce_fleche.gif) no-repeat top left;
}
h4{ 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding :0px 0px 3px 0px;
	margin :0px 0 0px 0px;
	color:#000000;
	text-align:left;
}
h5{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 10px 0px;
	color:#324664;
	text-align:left;
}
p {
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	color:#1d2c40;
	margin:5px 0 4px 0px;
	line-height:19px
}
ul { 
	padding:0;
	margin:3px 0 0 0px;
	list-style:inside
}
ol {
	padding:0;
	margin:3px 0 0 13px
}
ol li { 
	background:none;
	padding:0 0 0 0px;
}
li {
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color:#1d2c40;
	margin:0px 0 0 15px;
	padding:1px 0;
	list-style:outside;
	line-height:18px;
}
a { 
	color: #294d81;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;}
#conteneur {
	width:971px;
	margin-left:auto;
	margin-right:auto;
}

/*///////////////////////////////////////////////////////////////////////////////////////

COLONNE GAUCHE

///////////////////////////////////////////////////////////////////////////////////////*/

.colGauche {
	width:651px;
}

.menu {
	padding:0px;
	margin:0px;
	height:45px;
}
.spacerNav {
	width:2px;
	height:44px;
	background:url(/gipe_images/site/spNav.gif) no-repeat top left;
	padding:0px !important;	
}
.menu td {
	text-align:center;
	padding:0 8px;
}


/*//////////////////////////////////////////////////////////////////////////////////////
NAV DEROULANTE
//////////////////////////////////////////////////////////////////////////////////////*/

ul.nav {
	margin: 0; padding:0;

}
ul.nav li{
	margin: 0; padding:0; 
}

ul.nav li  {
	list-style:none;
	color:#7f4832;
	position:relative;
	margin:0;
	/*text-align:center;*/
	background:none;
}


ul.nav li:hover ,
ul.nav li.hover ,
ul.nav li a.Selected  {
	color:#fff !important;
}
ul.nav li a.Selected  {
	text-decoration:underline;
}
ul.nav li:hover a, ul.nav li.hover a {
	color:#fff;
}


ul.nav li a  {
	padding: 0; margin: 0;
	width:100%;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#ede0d5;
	text-decoration: none;
	cursor:pointer;
	display:block;
	height:31px;
	_height:auto;
	padding:14px 0px 0 0px;
}


.sous_nav{
	z-index: 999999 !important;
	position: absolute;
	left:-20px;
	top:44px;
	margin:0; 
	display:none;
	width:125px;
	border:1px solid #fff;
	background:#940e00 url(/gipe_images/site/bgSousNav.gif) repeat-x top left;
}

.sous_nav ul {
	position: relative;
	margin:0;
	padding:0px 0 7px 0px;
	margin:3px 0 0 0px;
	/*width:124px;*/
}	
.sous_nav ul li{
	text-align:left;
	padding: 0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	color:#fff;
	white-space: normal;
	display:block;
	clear:both;
	text-align:center;
}
.sous_nav ul li a {	
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff !important;
	width:100%;
	padding:5px 5px 5px 7px !important;
	float:left;
	display:inline;
	text-align:left;
	height:auto !important;
	text-decoration:none !important;
}
.sous_nav ul li.spSousNav {
	height:1px;
	width:124px;
	background:url(/gipe_images/site/spSousNav.gif) no-repeat top left;
}

.sous_nav ul li a:hover,
.sous_nav ul li.selected  {
	color:#ede0d5 !important;
}
.sous_nav ul li a.Selected{
	text-decoration:underline !important;
}

ul.nav li:hover div,
ul.nav li.hover div  {
	display: block;
}

/*/////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/

.intro_home {
	background:url(/gipe_images/site/bgContenuHome.gif) no-repeat top left;
	height:150px;
	width:630px;
	padding:10px;
	overflow:auto;
}
.intro_home p {
	font-size:14px !important;
	line-height:19px;
	color:#323641 !important;
}
.intro_home h1 {
	padding :0px 0px 0px 0px;
	margin :0px 0px 5px 0;
}
.introContenu {
	background:#d2d2e6;
	width:640px;
	padding:10px 0 0 0;
	overflow:auto;
	height:157px;
}
.introContenu p {
	font-size:12px;
	line-height:20px;
	color:#323641;
	margin:0px !important;
}



/*///////////////////////////////////////////////////////////////////////////////////////

COLONNE DROITE

///////////////////////////////////////////////////////////////////////////////////////*/

.colDroite {
	width:320px;
	background:url(/gipe_images/site/bgConnection.gif) no-repeat top left;
}
.langue {
	float:left;
	display:inline;
	width:50px;
	color:#fff;
	font-size:10px;
	padding:15px 0 0 0;
	text-align:center;
}
.langue span {
	color:#bc554a;
}
.langue a {
	color:#fff;
	font-size:10px;
	margin: 15px 0 0 0;
	font-weight:normal;
}
.connection {
	float:left;
	display:inline;
	padding:0 0px 0 35px;
	height:44px;
}
.connection .InputHome {
	float:left;
	display:inline;
	width:78px;
	height:16px;
	border:1px solid #fff;
	background:#b5b7bc;
	font-size:10px;
	color:#313540;
	text-align:center;
	padding:3px 0 0 0;
	margin:13px 0 0 10px;
}
.connection .TentaviveLoginClient {
	 background:url(/gipe_images/site/btnOk.gif) no-repeat top left;
	 width:36px;
	 height:21px;
	 float:right;
	 display:inline;
	 cursor:pointer;
	 border:0px;
	 margin:13px 0 0 9px;
}
.imgDroite {
	clear:both;
	border:1px solid #fff;
}
#ListeMarques{
	width: 318px;
	overflow: hidden;
}
.cadre{
	height:371px;
}
.cadre p{
	margin:0; padding:0;
}
.rect1 { 
	padding:10px 20px 0 8px;
	width:292px;
}
.rect2, .rect3 {
	padding-top:7px;
}
.rect1 p, .rect2 p {
	font-size:12px;
	color:#325879;
	line-height:20px;
	margin:0px;
}
.rect1 h2, 	.rect2 h2 {
	color:#325879;
	font-size:14px;
	text-transform:none;
	font-weight:bold;
	background:url(/gipe_images/site/puce_home.gif) no-repeat 2px 9px;
	padding:5px 0 5px 15px;
	margin:0px;
}
.rect1 li, .rect2 li {
	font-size:11px;
	color:#325879;
	line-height:15px;
}
.calendrier {
	background:url(/gipe_images/site/bgCalendrier.gif) no-repeat top left;
	width:41px;
	height:38px;
	float:left;
	display:inline;
	padding:0 0 0px 0px;
	margin:10px 0 0 17px;
}
.calendrier p {
	margin:0px; padding:0px
}
.mois {
	text-align:center;
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#333;
}
.date {
	font: bold 22px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}
.texteActus {
	float:right;
	display:inline;
	width:236px;
	margin:10px 10px 0 0;
}
.texteActus p {
	margin:0px;
	font-size:11px;
	color:#333333;
}
.texteActus a {
	color:#fff;
}
.voirTout {
	text-align:right;
	margin:15px 0 0 0;
}
.voirTout a {
	 font-size:10px;
	 text-decoration:underline;
	 color:#7085a4
}
.voirTout a:hover { text-decoration:none;}


/*//////////////////////////////////////////////////////////////////////////////////////

CONTENU

/////////////////////////////////////////////////////////////////////////////////////*/
.contenu_home {
	background:#cdcde1;
}
.contenu {
 	background:#b4b4c8;
	border-top:1px solid #fff;
}
.tableListe {
	margin:1px auto 0 auto;
	background:#b4b4c8;
	width:971px;
}
.membre {
	margin:10px 0px;
}
.membre h3 {
	margin:0px;
	padding-bottom:7px;
}
.membre a {
	text-decoration:none;
	color:#324664;
}
.membre p {
	margin:0px;
}
.mb {
	font-size:10px;
	font-style:italic;
}
.liste a {
	text-decoration:none;
}
.liste a:hover {
	text-decoration:underline;
}
.partie_gauche {
	width:475px;
	float:left;
	display:inline;
}
.partie_droite {
	width:475px;
	float:right;
	display:inline;
}
.partie_gauche p {
	margin:5px 0 10px 25px; 
}
.liste {
	padding:10px 0 0 0;
}
.contenuTexte {
	width:971px;
	margin: 0px auto;
	padding:10px 0 0 0;
}
.contenuDetail {
	padding:0px 0 0 8px;
	margin:0 auto;
	width:962px;
}

.contenuTexte h3 small, #ListeActualites h3 small {
	font-style:italic;
	font-weight:normal;
}

/*///////////////////////////////////////////////////////////////////////////////////////

FORMULAIRE CONTACT

///////////////////////////////////////////////////////////////////////////////////////*/

.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:1px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #acacac solid;
		font: normal normal 11px Verdana,Times, Helvetica, sans-serif;
		padding: 2px 5px;
		color: #656565;
	}
	.FormSubmit {
		margin: 0;
		padding: 2px 5px;
		font: normal normal 12px Verdana,Times, Helvetica, sans-serif;
		color: #656565;
		background-color: #efefef;
		cursor:hand;
		cursor:pointer;
	}
	.LargeInput{
		width:261px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:185px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:123px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	
	.Clikeo{
		text-align:center;
		padding:10px 0 5px 0;
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#60728d;
	}

	.Clikeo a {
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#60728d !important;
	}
	.Clikeo a:hover {
		color:#60728d !important;
	}

/*///////////////////////////////////////////////////////////////////////////////////////

FOOTER

///////////////////////////////////////////////////////////////////////////////////////*/

.footer {
	clear:both;
	border-top:1px solid #fff;
}
.conteneurFooter {
	margin:0 auto;
	width:971px;
	text-align:right;
	color:#fff;
	font-size:10px;
	padding:5px 0 20px 0;
}
.conteneurFooter a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;	
}
