/********* General declarations for the layout **********/

body {
	background-color:#bcbdc1;
	margin-top:0px;
	margin-left:0px;
	color:#666;
	font-family:Arial, Tahoma, Verdana, Sans-serif;
	font-size:12px;
	text-align: left;
}

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

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

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

a:active{
	color:#666;
	text-decoration:none;
}

a.blueLink {
	color:#0766ae;
	text-decoration:none;
}

a.redLink {
	color:#d2232a;
	text-decoration:none;
}

img{
	border:0px;
}

h1{
	font-size: 2em;
	font-weight: bold;
	padding: 0px;
	margin:0px 0px 4px 0px;
}

h2{
	font-size: 1.8em;
	font-weight: bold;
	padding: 0px;
	margin:0px;
}

h3{
	font-size: 1.5em;
	font-weight: bold;
	padding: 0px;
	margin:0px;
}

h4{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px;
	margin:0px;
}

h5{
	font-size: 2.2em;
	font-weight: bold;
	padding: 0px;
	margin:0px 0px 4px 0px;
	letter-spacing:-2px;
}



.TextInput{
	font-size:10px;
	height:18px;
	width:100%;
}

fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

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

#container {
	width: 930px;
	min-height: 600px;
	padding: 10px;
	margin: 0px 0px 0px 25px;
	text-align: left;
	background: #FFF;
}

*html #container {
	height: 600px;
}

/******** Pub header **********/

#pub {
	text-align: center;
	margin-bottom: 5px;
}

/******* Header related ******/

#header{
	width: 100%;
	margin-bottom: 15px;
}



#breadCrumbs {
	float: left;
	margin: 30px 0px 5px 55px;
	font-size: 0.8em;
}

#searchBar {
	clear: both;
	background: url(../img/searchbar_bg.gif) no-repeat bottom left;
	width: 910px;
	padding: 10px 15px 8px 10px;
}

#BoutonRecherche{
	color:White;
	background-color:#d2232a;
	border-width:0px;
	width:34px;
	height:18px;
	background-image:url(../img/ok.gif);
	cursor:pointer;
	margin-left: 20px;
}

/*** New Navigation ****/

/* common styling */
.menu { 
	float: left;
	width: 550px;
	text-align: right;
	padding: 5px;
	position: relative:
	z-index: 1000;
}

.menu ul li a, 
.menu ul li a:visited {
	display:inline; 
	text-decoration:none; 
	color:#000;
	margin:5px 12px 5px 12px; 
	padding-bottom: 3px;
	height:20px; 
	text-align:left; 
	color:#666;
	background:transparent; 
	line-height:20px; 
	font-size:14px;
	font-weight: bold; 
	overflow:hidden;
}

.menu ul {padding:0; margin:0;list-style: none; line-height: 28px;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li a:hover {color:#666; background:#fff; border-bottom: 3px solid #d6252d;}
.menu ul li a.active {color:#666; background:#fff; border-bottom: 3px solid #d6252d;}

ul.sousmenu {
	/*border: 3px solid #d6252d;*/
	border: 1px solid Gray;
	background: #fff;
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	opacity:0.85;
	filter:alpha(opacity=85);
}

ul.sousmenu li a,
ul.sousmenu li a:visited {
	border: none;font-size: 12px; font-weight: normal;}
.menu ul li:hover ul.sousmenu li a:hover {border: none;color:#d6252d;}


.menu ul li:hover ul.sousmenu li {border-bottom: 1px solid #666;width:150px;}
.menu ul li:hover ul.sousmenu li.last {border:none;}

.menu ul li:hover ul.sousmenu {display:block; position:absolute; top:24px; left:0; width:150px;}

/***** For IE6 ****/

*html .menu ul {line-height: 16px;}

*html .menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
*html .menu ul li a:hover ul li a.hide {display:none;}

*html .menu ul li a:hover {}
*html .menu ul li a:hover ul.sousmenu {display:block; position:absolute; top:21px; left:0; width:120px; }
*html .menu ul li a:hover ul.sousmenu li{width:150px; border-bottom: 1px solid #666; padding: 0; text-align: left;height: 10px;margin:0;}


*html .menu ul li a:hover ul.sousmenu li a {height:10px;line-height: 10px; display:block;border: none;font-size: 12px; font-weight: normal; }
*html .menu ul li a:hover ul.sousmenu li a ul {visibility:hidden;}
*html .menu ul li a:hover ul.sousmenu li.last {border: none;}
*html .menu ul li a:hover ul.sousmenu li a:hover { text-decoration: none; border: none;color:#d6252d;}




/****** Inner page related ************/

#largeCol{
	width: 615px;
	float: left;
}

.horizontalBlock {
	clear: both;
}


/********* Footer related ************/

#footer {
	width: 950px;
	background: #666;
	height: 30px;
	border-top:10px solid #FFF;
	/*margin: 0px 0px -10px -10px;*/
	margin: 0px 0px 0px 25px;
	
}

*html #footer
{
	width:955px;
	}

#footer ul {
	text-align: center;
	list-style-type: none;
	margin: 0px;
	padding-top: 6px;
}

#footer ul li{
	display: inline;
	margin-right:15px;
}

#footer ul li a{
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}


/***** declarations for all the boxes *****/

.roundedBox .headerBox,
.plainroundedBox .plainheaderBox {
	background-image: url(../img/topleft_corner.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.roundedBox .headerBoxTitle,
.plainroundedBox .plainheaderBoxTitle {
	background-image: url(../img/topright_corner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 3px 2px 4px 7px;
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
}

.roundedBox .footerBox,
.plainroundedBox .plainfooterBox {
	background: url(../img/botleft_corner.gif) no-repeat bottom left;
}

.roundedBox .footerBoxTitle,
.plainroundedBox .plainfooterBoxTitle {
	background: url(../img/botright_corner.gif) no-repeat bottom right;
	height: 16px;
}

.roundedBox .footerBoxFlat,
.plainroundedBox .plainfooterBoxFlat {
	height: 1px;
}

.roundedBox .footerBoxTitle a{
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	float:right;
	margin: 1px 8px 2px 0px;
}

.roundedBox .boxContent {
	background-color: #FFF;
	padding: 7px;
	margin: 0px 1px 0px 1px;
	height:1%; /* IE needs ... */
}

.plainroundedBox .plainboxContent {
	background-color: transparent;
	padding: 7px;
	margin: 0px 1px 0px 1px;
	height:1%; /* IE needs ... */
}

.roundedBox .boxContentTexte {
	background-color: #FFF;
	padding: 17px;
	margin: 0px 1px 0px 1px;
	height:1%; /* IE needs ... */
}

/*exceptions for Light boxes, i.e. the ones with no plain background on the header and the footer */

.lightBlue .roundedBox .headerBox,
.lightGrey .roundedBox .headerBox,
.lightRed .roundedBox .headerBox,
.lightYellow .roundedBox .headerBox {
	background-image: url(../img/white_topleft_corner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 6px;
}

.lightBlue .roundedBox .headerBoxTitle,
.lightGrey .roundedBox .headerBoxTitle,
.lightRed .roundedBox .headerBoxTitle,
.lightYellow .roundedBox .headerBoxTitle {
	background-image: url(../img/white_topright_corner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 3px 2px 4px 7px;
	font-size: 1em;
	color: #044a88;
	font-weight: bold;
	margin-right: -6px; /* allow the corner to fit the angle by overflow the 6px margin right of the headerBox div */
}

.lightBlue .roundedBox .footerBox,
.lightGrey .roundedBox .footerBox,
.lightRed .roundedBox .footerBox,
.lightYellow .roundedBox .footerBox {
	background: url(../img/white_botleft_corner.gif) no-repeat bottom left;
	margin-right: 6px;
}

.lightBlue .roundedBox .footerBoxTitle,
.lightGrey .roundedBox .footerBoxTitle,
.lightRed .roundedBox .footerBoxTitle,
.lightYellow .roundedBox .footerBoxTitle {
	background: url(../img/white_botright_corner.gif) no-repeat bottom right;
	height: 16px;
	margin-right: -6px; /* allow the corner to fit the angle by overflow the 6px margin right of the footerBox div */
	}

.lightBlue .roundedBox .headerBoxTitle,
.lightBlue .roundedBox .footerBoxTitle a,
a.darkblue{
	color: #044a88;
}

.lightGrey .roundedBox .headerBoxTitle,
.lightGrey .roundedBox .footerBoxTitle a,
a.grey{
	color: #7e8e81;
}

.lightRed .roundedBox .headerBoxTitle,
.lightRed .roundedBox .footerBoxTitle a
{
	color: #d2232a
}

.lightYellow .roundedBox .headerBoxTitle,
.lightYellow .roundedBox .footerBoxTitle a,
a.yellow{
	color: #FCE621;
}


/***** Declarations of the boxes specifications *********/

.darkBlue {
	background-color: #014a7f;
}

.blue a,
.darkBlue a,
.lightBlue a {
	color: #014a7f;
}

.lightYellow,
.yellow
 {
	background-color: #FCE621;
}

.yellow a,
.lightYellow a {
	color: #FCE621;
}

.lightRed,
.red
 {
	background-color: #d2232a;
}


.lightRed a {
	color: #d2232a;
}

.lightBlue {
	background-color: #c9d3dc; 
}

.lightGrey {
	background-color: #7e8e81; 
}

.grey {
	background-color: #eceeed;
}

.blueGrey {
	background-color: #d6e1e6;
}

.darkGrey {
	background-color: #999;
}

.oneThird {
	width: 303px;
}


.twoThird{
	width: 615px;
}

.full {
	width: 100%;
}

.positionLeft{
	float: left;
}

.positionRight{
	float: right;
}

.blueTitle {
	color:#014a7f;
}

.darkGreyTitle {
	color:#555;
}

.redTitle {
	color: #d2232a;
}

.yellowTitle {
	color: #FCE621;
}

.normalText {
	font-size: 0.9em;
}

/********* UNE **************/

.unePicture{
	width: 225px;
}
.uneText{
	width: 365px;
	margin-left:6px;
}

.half {
	width: 48%;
}

.smallUne {
	float: left;
	margin: 0px 10px 0px 0px;
	
}

.smallerUne img{
	width: 60px;
	float: left;
	margin: 4px 5px 0px 0px;
}

.uneFit {
	float: left;
	width: 150px;
}

.actuFit {
	float: left;
	width: 200px;
}

ul.simpleList {
	margin: 0px;
	padding:0px;
	list-style-type: none;
}

ul.simpleList li{
	background: url(../img/double_fleche.gif) no-repeat 0px 5px;
	padding-left: 10px; 
	color:#0766ae;
}

/******* ACTU ***********/

.blocTexte {
	color: #666;
	line-height: 18px;
	text-align: justify;
}



/**** pagination *****/

ul.pagination{
	margin-top: 15px;
	list-style-type: none;
	padding: 0px;
	text-align: right;
}

ul.pagination li {
	display: inline;
	padding-right: 5px;
	padding:3px;
}

ul.pagination li a {
	border: 2px solid #666;
	color: #666;
	background: #e4e4e4;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}

ul.pagination li a:hover {
	border: 2px solid #7096d0;
	color: #7096d0;
	background: #e4e4e4;
}

ul.pagination li a.active{
	border: 2px solid #7096d0;
	color: #666;
	background: #e4e4e4;
}

/******** Diaporama ***********/

.diaporama {
	padding: 0px;
	width: 100%;
	margin: 15px auto;
}

.theView {
	background: #000;
	padding:0px;
	margin:0px auto;
	text-align: center;
}

.theDefinition {
	background: #000;
	padding:8px;
	color: #FFF;
	text-align: left;
}

.diapoNav {
	position: relative;
	background: #000;
	height: 43px;
	padding:4px;
	top: 0px;
	z-index: 1000;
	color: #FFF;
}

.diapoNav ul{
	margin-top: 6px;
	margin-left: 6px;
	padding: 0px;
	list-style-type: none;
}

.diapoNav ul li{
	margin-right: 5px;
	display: inline;
}

.diapoNav ul li a img{
	width: 25px;
	padding: 0px;
	border: 1px solid #FFF;
}

.diapoNav ul li a:hover img{
	border: 1px solid aqua;
}

/******** SideNotes ************/

.sideNotes {
	width: 295px;
	padding: 4px;
	margin-bottom: 10px;
}

.reactions {
	padding: 5px 10px 8px 10px;
}

.reactionsAlt {
	padding: 5px 10px 8px 10px;
	background: #e4e4e4;
}

.reactionsDate {
	color: #666;
	font-size: 0.8em;
}

.posting {
	border-top: 1px dashed #7e8e81;
}

ul.sideLinks {
	margin: 0px;
	padding:0px;
	list-style-type: none;
}

ul.sideLinks li {
	padding: 2px 0px 2px 20px;
}

ul.sideLinks li a {
	color: #d2232a;
	font-weight: bold;
	text-decoration: none;
}


.redSidenotes a:hover {
	color: #d2232a;
}

.blueSidenotes a:hover {
	color: #014a7f;
}

.print {
	background: url(../img/print.gif) no-repeat 0px 3px;
}

.send {
	background: url(../img/send.gif) no-repeat 0px 3px;
}

.comment {
	background: url(../img/comment.gif) no-repeat 0px 3px;
}

/********* Articles ****************/



ul.articlesList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.articlesList li {
	background: url(../img/bg_articles_list.gif) no-repeat bottom right;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

ul.articlesList li a{
	color: #666;
	text-decoration: none;
}

ul.articlesList li a:hover{
	color: #000;
	text-decoration: none;
}

.articleIllustrations img{
	border: 1px solid #333;
	width: 120px;
	margin-right: 10px;
	float: left;
}

.articlesPresentation{
	padding: 5px;
	float: left;
	width: 440px;
}

/*.articlesPresentation a{
	color: #666;
	text-decoration: none;
}

.articlesPresentation a:hover{
	color: #000;
	text-decoration: none;
}*/

.mediaZone{
	float: left;
	width: 200px;
	padding: 4px;
	min-height:200px;
	margin-right:13px;
	background: url(../img/bg_zonemedia.gif) no-repeat bottom left;
}


.illusArticle 
{
	float:left;
	width: 250px;
	margin-right:10px;

}

.illusArticle img{
	border: 2px solid #000;
	width: 246px;
}

.IllusArticleLegend {
	font-size: 11px;
	margin-top: -5px;
	color: #FFF;
	background: #000;
	padding: 0px 2px 0px 2px;
	width: 246px;
}
/******** Sondages ****************/

div.progBar {
	width: 100%;
	clear: both;
}

table.sondage {
	width: 70%;
	float: left;
}

table.sondage td.resultGreen{
	background: url(../img/bg_result_green.gif);
	color:#FFF;
}

table.sondage td.resultBlue{
	background: url(../img/bg_result_blue.gif);
	color:#FFF;
}

table.sondage td.resultRed{
	background: url(../img/bg_result_red.gif);
	color:#FFF;
}

table.sondage td.resultYellow{
	background: url(../img/bg_result_yellow.gif);
	color:#FFF;
}

table.sondage td.resultBlank{
	background: url(../img/bg_result_grey.gif);
	height: 16px;
}

div.resultNumber {
	width: 25px;
	padding:1px 10px 1px 13px;
	margin-top:1px;
	float:left;
	color: #FFF;
	font-size: 0.9em;
	background: url(../img/bg_result_number.gif);
	background-repeat: no-repeat;
}

div.answer{width: 100%;}

/********** Cinema *********/

ul.cinemaList {
	list-style-type: none;
	margin:0;
	padding: 0;
}

ul.cinemaList li img {
	float: left;
	margin-right:10px;
	border-right: 2px dotted #999;
	padding-right: 5px;
}

ul.cinemaList li {
	border-bottom: 2px dotted #999;
	padding-bottom: 5px;
	margin-top: 4px;
}

ul.cinemaList li a {
	color: #333;
}

/********* Annonces **************/

form#an_search,
form#GFGForm {
	margin: 0;
	padding: 0;
}

form#an_search p,
form#GFGForm p{
	margin: 0;
	padding: 0;
	clear: both;
	margin-top:6px;
}

form#an_search label,
form#GFGForm label{
	width: 75px;
	float: Left;
	padding-top: 3px;
}

form#an_search input,
form#GFGForm input,
form#an_search textarea,
form#GFGForm textarea,
form#an_search select,
form#GFGForm select {
	padding: 1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;	
}

form#an_search input.alignField,
form#GFGForm input.alignField{
	margin-left: 75px;
}

.alignF {
	position: relative;
	left: 75px;
}

form#GFGForm select {
	width: 195px;
}

form#GFGForm .legend {
	font-size: 10px;
	color: #333;
	margin-left: 75px;
	margin-top: 2px;
	background: url(../img/bg_legendForm.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 2px;
}


ul.annoncesList {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

ul.annoncesList li {
	background: url(../img/bg_annonces.gif) no-repeat top right;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	width: 580px;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	clear: left;
}

ul.annoncesList li p{
	margin: 0;
	padding: 0;
	margin-top: 2px;
	border-top: 1px solid #e4e4e4;
}

.anTitle {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0px 5px 25px;
}

.anInfos {
	width: 230px;
	float: right;
	margin-right: 20px;
	border: 1px solid #ccc;
	background: #eaeaea;
	padding: 4px;
	font-size: 10px;
}

.anDesc {
	width: 300px;
	float: left;
	font-weight: bold;
}
/********* ADMIN *****************/

.adminSubNav {
	padding: 10px 0px 15px 10px;
}

.adminSubNav ul.subNav {
	width: 200px;
	float: left;
	margin:0px;
	padding: 0px;
}

.adminSubNav ul.subNav li {
	list-style-type: none;
}

.adminSubNav ul.subNav li.red{
	padding: 0px 0px 0px 15px;
	background: url(../img/red_arrows.gif) no-repeat 0px 3px;
}

.adminSubNav ul.subNav li.blue{
	padding: 0px 0px 0px 15px;
	background: url(../img/blue_arrows.gif) no-repeat 0px 3px;
}

ul.adminTabNav {
	text-align: center;
	margin-left: 110px;
}

ul.adminTabNav li{
	list-style-type: none;
	display: block;
	float: left;
	width: 160px;	
	padding: 6px 0px 3px 0px;
	margin-right:4px;
	background: url(../img/admin_tabnav.gif) no-repeat 0px 3px;
}

ul.adminTabNav li.active{
	background: url(../img/admin_tabnav_active.gif) no-repeat 0px 3px;
}

ul.adminTabNav li a{
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

ul.adminTabNav li a:hover,
ul.adminTabNav li.active  a{
	color: #333;
}

/************* Admin classic Form ******************/
/** pour utiliser ces form il faut leur rajouter la class: adminForm, ils ne doivent pas avoir le meme ID que les form du site (CFGForm et an_search par exemple)**/
/** Utiliser la structure du form telle que dans la page admin_form.php, pas de DIV dans le form ***/


form#adminForm {
	width: 90%;
	margin-bottom: 20px;
}

form#adminForm p{
	clear: both;
	line-height: 30px;
}

form#adminForm input {
	padding: 1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	float: left;	
}

form#adminForm textarea,
form#adminForm select
 {
	padding: 1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	float: left;	
}

form#adminForm span
 {
	float: left;	
}

form#adminForm label,
form#adminForm label{
	width: 220px;
	float: Left;
	padding-top: 3px;
}

form#adminForm .legend {
	font-size: 10px;
	color: #333;
	margin-left: 10px;
	margin-top: 2px;
	background: #fdf493;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #69b2d3;
	width: 200px;
	float: left;
	
}

/*********** Log admin **************/

form#logAdmin {
	width: 350px;
	margin: 0px auto;
	padding: 20px;
}

form#logAdmin p{
	clear: both;
	line-height: 30px;
}

form#logAdmin label{
	width: 120px;
	float: left;
}
form#logAdmin input{
	width: 200px;
	float: left;
	border: 1px solid #333;
	padding: 3px;
	font-size: 14px;
}

form#logAdmin input.bouton{
	width: 100px;
	float: left;
	border: 2px solid white;
	padding: 1px;
	background: #999;
	color: white;
	font-weight: bold;
}

/******** For everything in the site *********/

.clearBoth{
	clear: both;
	height: 0%;
}

.dashedSeparator{
	border-top: 1px dashed #7e8e81;
	height: 1px;
	clear: both;
	padding-bottom: 10px;
}

.dashedSeparatorRed{
	border-top: 1px dashed #d2232a;
	height: 1px;
	clear: both;
	padding-bottom: 10px;
}

.dashedSeparatorBlue{
	border-top: 1px dashed #014a7f;
	height: 1px;
	clear: both;
	padding-bottom: 10px;
}

.marginLeft{
	margin-left: 10px;
}

.marginBottom{
	margin-bottom: 10px;
}

.marginTop{
	margin-top: 10px;
}

.paddingMore {
	padding: 8px;
}

ul.linkList {
	margin: 0px;
	padding:0px;
	list-style-type: none;
}

ul.linkList li{
	padding-left: 10px; 
}

.bold{
	font-weight: bold;
}

pre{background: #fffaed; color: #333; padding: 0px; border-left: 5px solid #ebd8aa; text-indent: 0px;}

.tempoItem {
	margin-left: 10px;
	margin-top: 10px;
	width: 300px;
}

.alignCenter {
	text-align:center;
}
.alignRight {
	text-align: right;
}


/*******************************************************************************************
* Ajout KSDEV
********************************************************************************************/


.dgLine1 .dgCol,
.dgLine2 .dgCol
{
	border-right: 1px solid #ccc;
	width:147px;
	height: 30px;
	float:left;
	text-align:center;
	vertical-align: center;
	color:#444444;
	overflow:hidden;

}

.dgLineHeader
{
	background:#2d93c1 url(../img/bg_dgheader.gif) repeat-x top left;
	font-size:16px;
	font-weight:bold;
	padding:10px 4px 0px 4px;
	height: 30px;
	margin-top: 15px;
}

.dgLineHeader .dgCol{
	border-right: 1px solid white;
	background: transparent;
	width: 147px;
	float: left;
	text-align: center;
	color:White;
}

.dgLineHeader .dgCol a
{
	font-size:16px;
	font-weight:bold;
	color:White;
}

.dgLineHeader .dgCol a:hover
{
	background:transparent url(../img/bg_dgheader_order.gif) no-repeat 100% 4px;
	font-size:16px;
	padding-right: 15px;
	color:White;
	font-weight:bold;
	text-decoration: none;
}


.dgLine1
{
	background-color:#fafafa;
	font-size:11px;
	height:30px;
	padding: 4px;
}

.dgLine2
{
	background-color:#e6f7fe;
	font-size:11px;
	height:30px;
	padding: 4px;
}

.dgLine2 img,
.dgLine1 img {
	margin-top: 4px;
}

.dgLineHeader, .dgLine1, .dgLine2
{
	clear:both;
}


.roundedBox .boxContentCenter {
	background-color: #FFF;
	text-align:center;
	margin: 0px 1px 0px 1px;
	height:1%; /* IE needs ... */
}

.menu ul li .activecat {color:#666; background:#fff; border-bottom: 3px solid #d6252d;}

/*#mainNavContainer ul li .activecat,#mainNavContainer ul li .activecat:hover, #mainNavContainer ul li .activecat:active{
	border-bottom: 3px solid #d6252d;	
}*/

.centerDiv
{
	margin:0 auto;
	}

.centerText
{
	text-align:center;
}



/* Couleurs pour les cadres */

/* Cadres entête non remplie */

.rougeCadre .roundedBox .headerBox,
.rougeOrangeCadre .roundedBox .headerBox,
.orangeCadre .roundedBox .headerBox,
.orangeCadre .roundedBox .headerBox,
.jauneOrangeCadre .roundedBox .headerBox,
.violetFonceCadre .roundedBox .headerBox,
.violetClairCadre .roundedBox .headerBox,
.roseFonceCadre .roundedBox .headerBox,
.roseClairCadre .roundedBox .headerBox,
.bleuNuitCadre .roundedBox .headerBox,
.bleuCielCadre .roundedBox .headerBox,
.bleuCielClairCadre .roundedBox .headerBox,
.bleuClairCadre .roundedBox .headerBox,
.vertOliveCadre .roundedBox .headerBox,
.vertFonceCadre .roundedBox .headerBox,
.vertPrairieCadre .roundedBox .headerBox,
.vertClairCadre .roundedBox .headerBox,
.terreCadre .roundedBox .headerBox,
.terreClairCadre .roundedBox .headerBox,
.beigeFonceCadre .roundedBox .headerBox,
.beigeCadre .roundedBox .headerBox,
.bordeauFonceCadre .roundedBox .headerBox,
.bordeauCadre .roundedBox .headerBox,
.rougeFonceCadre .roundedBox .headerBox,
.grisFonceCadre .roundedBox .headerBox,
.grisSourisCadre .roundedBox .headerBox,
.grisClairCadre .roundedBox .headerBox,
.grisPlusClairCadre .roundedBox .headerBox,
.grisTresClairCadre .roundedBox .headerBox
{
	background-image: url(../img/white_topleft_corner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 6px;
}


.rougeCadre .roundedBox .headerBoxTitle,
.rougeOrangeCadre .roundedBox .headerBoxTitle,
.orangeCadre .roundedBox .headerBoxTitle,
.orangeCadre .roundedBox .headerBoxTitle,
.jauneOrangeCadre .roundedBox .headerBoxTitle,
.violetFonceCadre .roundedBox .headerBoxTitle,
.violetClairCadre .roundedBox .headerBoxTitle,
.roseFonceCadre .roundedBox .headerBoxTitle,
.roseClairCadre .roundedBox .headerBoxTitle,
.bleuNuitCadre .roundedBox .headerBoxTitle,
.bleuCielCadre .roundedBox .headerBoxTitle,
.bleuCielClairCadre .roundedBox .headerBoxTitle,
.bleuClairCadre .roundedBox .headerBoxTitle,
.vertOliveCadre .roundedBox .headerBoxTitle,
.vertFonceCadre .roundedBox .headerBoxTitle,
.vertPrairieCadre .roundedBox .headerBoxTitle,
.vertClairCadre .roundedBox .headerBoxTitle,
.terreCadre .roundedBox .headerBoxTitle,
.terreClairCadre .roundedBox .headerBoxTitle,
.beigeFonceCadre .roundedBox .headerBoxTitle,
.beigeCadre .roundedBox .headerBoxTitle,
.bordeauFonceCadre .roundedBox .headerBoxTitle,
.bordeauCadre .roundedBox .headerBoxTitle,
.rougeFonceCadre .roundedBox .headerBoxTitle,
.grisFonceCadre .roundedBox .headerBoxTitle,
.grisSourisCadre .roundedBox .headerBoxTitle,
.grisClairCadre .roundedBox .headerBoxTitle,
.grisPlusClairCadre .roundedBox .headerBoxTitle,
.grisTresClairCadre .roundedBox .headerBoxTitle
{
	background-image: url(../img/white_topright_corner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 3px 2px 4px 7px;
	font-size: 1em;
	font-weight: bold;
	margin-right: -6px; /* allow the corner to fit the angle by overflow the 6px margin right of the headerBox div */
}


.rougeCadre .roundedBox .footerBox,
.rougeOrangeCadre .roundedBox .footerBox,
.orangeCadre .roundedBox .footerBox,
.orangeCadre .roundedBox .footerBox,
.jauneOrangeCadre .roundedBox .footerBox,
.violetFonceCadre .roundedBox .footerBox,
.violetClairCadre .roundedBox .footerBox,
.roseFonceCadre .roundedBox .footerBox,
.roseClairCadre .roundedBox .footerBox,
.bleuNuitCadre .roundedBox .footerBox,
.bleuCielCadre .roundedBox .footerBox,
.bleuCielClairCadre .roundedBox .footerBox,
.bleuClairCadre .roundedBox .footerBox,
.vertOliveCadre .roundedBox .footerBox,
.vertFonceCadre .roundedBox .footerBox,
.vertPrairieCadre .roundedBox .footerBox,
.vertClairCadre .roundedBox .footerBox,
.terreCadre .roundedBox .footerBox,
.terreClairCadre .roundedBox .footerBox,
.beigeFonceCadre .roundedBox .footerBox,
.beigeCadre .roundedBox .footerBox,
.bordeauFonceCadre .roundedBox .footerBox,
.bordeauCadre .roundedBox .footerBox,
.rougeFonceCadre .roundedBox .footerBox,
.grisFonceCadre .roundedBox .footerBox,
.grisSourisCadre .roundedBox .footerBox,
.grisClairCadre .roundedBox .footerBox,
.grisPlusClairCadre .roundedBox .footerBox,
.grisTresClairCadre .roundedBox .footerBox
{
	background: url(../img/white_botleft_corner.gif) no-repeat bottom left;
	margin-right: 6px;
}


.rougeCadre .roundedBox .footerBoxTitle,
.rougeOrangeCadre .roundedBox .footerBoxTitle,
.orangeCadre .roundedBox .footerBoxTitle,
.orangeCadre .roundedBox .footerBoxTitle,
.jauneOrangeCadre .roundedBox .footerBoxTitle,
.violetFonceCadre .roundedBox .footerBoxTitle,
.violetClairCadre .roundedBox .footerBoxTitle,
.roseFonceCadre .roundedBox .footerBoxTitle,
.roseClairCadre .roundedBox .footerBoxTitle,
.bleuNuitCadre .roundedBox .footerBoxTitle,
.bleuCielCadre .roundedBox .footerBoxTitle,
.bleuCielClairCadre .roundedBox .footerBoxTitle,
.bleuClairCadre .roundedBox .footerBoxTitle,
.vertOliveCadre .roundedBox .footerBoxTitle,
.vertFonceCadre .roundedBox .footerBoxTitle,
.vertPrairieCadre .roundedBox .footerBoxTitle,
.vertClairCadre .roundedBox .footerBoxTitle,
.terreCadre .roundedBox .footerBoxTitle,
.terreClairCadre .roundedBox .footerBoxTitle,
.beigeFonceCadre .roundedBox .footerBoxTitle,
.beigeCadre .roundedBox .footerBoxTitle,
.bordeauFonceCadre .roundedBox .footerBoxTitle,
.bordeauCadre .roundedBox .footerBoxTitle,
.rougeFonceCadre .roundedBox .footerBoxTitle,
.grisFonceCadre .roundedBox .footerBoxTitle,
.grisSourisCadre .roundedBox .footerBoxTitle,
.grisClairCadre .roundedBox .footerBoxTitle,
.grisPlusClairCadre .roundedBox .footerBoxTitle,
.grisTresClairCadre .roundedBox .footerBoxTitle
{
	background: url(../img/white_botright_corner.gif) no-repeat bottom right;
	height: 16px;
	margin-right: -6px; /* allow the corner to fit the angle by overflow the 6px margin right of the footerBox div */
	}






.rougeCadre .roundedBox .headerBoxTitle 
{
	color:#ff0000;
}
.rougeOrangeCadre .roundedBox .headerBoxTitle 
{
	color:#ff3300;
}
.orangeCadre .roundedBox .headerBoxTitle 
{
	color:#ff6600;
}
.jauneOrangeCadre .roundedBox .headerBoxTitle 
{
	color:#ff9900;
}
.violetFonceCadre .roundedBox .headerBoxTitle 
{
	color:#96004b;
}
.violetClairCadre .roundedBox .headerBoxTitle 
{
	color:#c00060;
}
.roseFonceCadre .roundedBox .headerBoxTitle 
{
	color:#ec0076;
}
.roseClairCadre .roundedBox .headerBoxTitle 
{
	color:#ec50af;
}
.bleuNuitCadre .roundedBox .headerBoxTitle 
{
	color:#003366;
}
.bleuCielCadre .roundedBox .headerBoxTitle 
{
	color:#004e9c;
}
.bleuCielClairCadre .roundedBox .headerBoxTitle 
{
	color:#0066cd;
}
.bleuClairCadre .roundedBox .headerBoxTitle 
{
	color:#349aee;
}
.vertOliveCadre .roundedBox .headerBoxTitle 
{
	color:#4d7400;
}
.vertFonceCadre .roundedBox .headerBoxTitle 
{
	color:#669900;
}
.vertPrairieCadre .roundedBox .headerBoxTitle 
{
	color:#79b700;
}
.vertClairCadre .roundedBox .headerBoxTitle 
{
	color:#aacd3c;
}
.terreCadre .roundedBox .headerBoxTitle 
{
	color:#584940;
}
.terreClairCadre .roundedBox .headerBoxTitle 
{
	color:#7a6558;
}
.beigeFonceCadre .roundedBox .headerBoxTitle 
{
	color:#957b6b;
}
.beigeCadre .roundedBox .headerBoxTitle 
{
	color:#b89884;
}
.bordeauFonceCadre .roundedBox .headerBoxTitle 
{
	color:#660000;
}
.bordeauCadre .roundedBox .headerBoxTitle 
{
	color:#900000;
}
.rougeFonceCadre .roundedBox .headerBoxTitle 
{
	color:#ac0000;
}
.grisFonceCadre .roundedBox .headerBoxTitle 
{
	color:#333333;
}
.grisSourisCadre .roundedBox .headerBoxTitle 
{
	color:#666666;
}
.grisClairCadre .roundedBox .headerBoxTitle 
{
	color:#999999;
}

.grisPlusClairCadre .roundedBox .headerBoxTitle 
{
	color:#e7e7e7;
}

.grisTresClairCadre .roundedBox .headerBoxTitle 
{
	color:#e8e8ea;
}


.rouge,
.rougeCadre {
	background-color: #ff0000;
}

.rougeOrange,
.rougeOrangeCadre 
{
	background-color: #ff3300;
}

.orange,
.orangeCadre
 {
	background-color: #ff6600;
}

.jauneOrange,
.jauneOrangeCadre
 {
	background-color: #ff9900;
}

.violetFonce,
.violetFonceCadre
 {
	background-color: #96004b;
}

.violetClair,
.violetClairCadre
 {
	background-color: #c00060;
}

.roseFonce,
.roseFonceCadre
 {
	background-color: #ec0076;
}

.roseClair,
.roseClairCadre
 {
	background-color: #ec50af;
}

.bleuNuit,
.bleuNuitCadre
 {
	background-color: #003366;
}

.bleuCiel,
.bleuCielCadre
 {
	background-color: #004e9c;
}

.bleuCielClair,
.bleuCielClairCadre
 {
	background-color: #0066cd;
}

.bleuManche
 {
	background-color: #000033;
}

.bleuClair,
.bleuClairCadre
 {
	background-color: #349aee;
}

.vertOlive,
.vertOliveCadre
 {
	background-color: #4d7400;
}

.vertFonce,
.vertFonceCadre
 {
	background-color: #669900;
}

.vertPrairie,
.vertPrairieCadre
 {
	background-color: #79b700;
}

.vertClair,
.vertClairCadre
 {
	background-color: #aacd3c;
}

.terre,
.terreCadre
 {
	background-color: #584940;
}

.terreClair,
.terreClairCadre
 {
	background-color: #7a6558;
}

.beigeFonce,
.beigeFonceCadre
 {
	background-color: #957b6b;
}

.beige,
.beigeCadre
 {
	background-color: #b89884;
}

.bordeauFonce,
.bordeauFonceCadre
 {
	background-color: #660000;
}

.bordeau,
.bordeauCadre
 {
	background-color: #900000;
}

.rougeFonce,
.rougeFonceCadre
 {
	background-color: #ac0000;
}

.grisFonce,
.grisFonceCadre
 {
	background-color: #333333;
}


.grisSouris,
.grisSourisCadre
 {
	background-color: #666666;
}


.grisClair,
.grisClairCadre
 {
	background-color: #999999;
}

.grisPlusClair,
.grisPlusClairCadre
 {
	background-color: #e7e7e7;
}

.grisTresClair,
.grisTresClairCadre
 {
	background-color: #e8e8ea;
}

.NoBackground
{
	background-color:Transparent;
	}

.TitreVert
{
	color:#497401;
	font-size:26px;
	font-weight:bold;
	
	}

.RssTexteVert
{
	color:#568501;
	font-weight:bold;
	}

#RssTexteCadre
{
	width:260px;
	
	
	}


#rssFeeds
{
	width:150px;
	text-align:left;
	margin:0 auto;
	}

.RssBlocTexte
{
	text-align:left;
	}

#SkyScraper
{
	top:200px;
	left:980px;	
	position:absolute;
	}
	
.smallerUne1 img{
	width: 70px;
	float: left;
	margin: 4px 5px 0px 0px;
}


#EntreeBoutique
{
	background-image:url("../img/bg-boutique.gif");
	background-position:right;
	background-repeat:no-repeat;
	height:306px;
	color:#626262;
	margin-left:20px;
	}

.BtnValider
{
	background-color:Transparent;
	border:none;
	background-image:url("../img/btn-valider.gif");
	width:68px;
	height:27px;
	cursor:pointer;
	margin-left:10px;
	}

.RedTexte
{
	color:#d2232a;
	}

.VeryBigTexte
{
	font-weight:bold;
	font-size:40px;
	}

.BigTexte
{
	font-weight:bold;
	font-size:25px;
	}
	
	
.displayNone
{
	display:none;
}

.greyCom {
	background-color: #BBB;
}



#logFront #BoutonLog{
	color:White;
	background-color:#d2232a;
	border-width:0px;
	width:34px;
	height:18px;
	background-image:url(../img/ok.gif);
	cursor:pointer;
	margin-left: 10px;
}


.loginBar
{
	float:right;
	color:#d2232a;
	font-weight:bold;
	font-size:11px;
	margin-left:-50px;
	width:270px;
}

#logFront .TextInput
{
	width:60px;
}

.SearchBarLoginInput
{
	height:15px;
	font-size:13px;
	width:65px;
	}

.SearchBarSearchInput
{
	height:15px;
	font-size:13px;
	width:120px;
	}

	.RedLink
{
	font-weight:bold;
	color:#d2232a;
	text-decoration:none;
	}
	.RedLink:visited
{
	font-weight:bold;
	color:#d2232a;
	text-decoration:none;
	}
.RedLink:hover
{
	font-weight:bold;
	color:#d2232a;
	text-decoration:underline;
	}

#listeCatPA
{
	background-image:url("../img/listePabg.gif");
	background-repeat:repeat-y;

	}

.paTitre
{
	font-size:16px;
	font-weight:bold;
	float:left;
	width:179px;
	padding-left:10px;
	padding-right:10px;

}



.paTitre a,
.paTitre a:hover
{
	font-size:18px;
	color:#85b040;
	font-weight:bold;
}


.paTitre1
{
	font-size:14px;
	font-weight:bold;
	float:left;
	width:280px;
}

.paTitre1 a,
.paTitre1 a:hover
{
	font-size:14px;
	color:#666666;
	font-weight:bold;
}


.paSsTitre
{
	font-size:14px;

}

.paSsTitre a,
.paSsTitre a:hover
{
	font-weight:bold;
	color:#6d6e71;
	font-size:14px;
}


.paSsTitre2
{
	font-size:12px;

}

.paSsTitre2 a,
.paSsTitre2 a:hover
{

	color:#6d6e71;
	font-size:12px;
	font-weight:normal;
}

.handCursor
{
	cursor:pointer;
	}

.imgSmall
{
	width:120px;
	}

#raisonRefus
{
	display:none;
	}
	
.askValidate,
.askValidate:hover
{
	font-size:16px;
	font-weight:bold;
}


.labelFacture
{
	width:400px;
	}

.valFacture
{
	margin-left:400px;
	}

.cadreFacture
{
	border:solid 1px Gray;
	padding:10px 10px 10px 10px;
	margin-top:30px;
	}

.ligneFacture
{
	margin-bottom:5px;
	}

.sepTrait
{
	height:1px;
	font-size:1px;
	background-color:Gray;
	}


.smallInfoRed
{
	color:Red;
	font-size:11px;
	}

/* Petites Annonces */

.titrePrincipal
{
	font-size:18px;
	color:#85b040;
	font-weight:bold;
	}
	
	.titrePrincipal a, .titrePrincipal a:visited
{
	font-size:18px;
	color:#85b040;
	font-weight:bold;
	}


.tip
{
	font-size:10px;
	}

.rechercheLabel
{
	width:110px;
	float:left;
	color:#6d6e71;
	font-size:14px;
	}

.rechercheInput
{
	margin-left:110px;
	
	}

.inputWidth
{
	width:185px;
	}


.inputDdlWidth
{
	width:190px;
	}

.rechercherBouton
{
	border:none;
	background-color:Transparent;
	color:#8cb44b;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
	}

.freeSearchLabel
{
	font-weight:bold;
	color:#6d6e71;
	font-size:14px;
	}

.loginSize {
	width: 250px;
}

.floatRight
{
	float:right;
	}

#loginLinkcadre
{
	width:60px;
	color:#747578;
	font-size:10px;
	font-weight:bold;
	}

#passerAnnonce
{
	width:60px;
	color:#747578;
	font-size:12px;
	font-weight:bold;
}

#passerAnnonce a
{
	color:#85b040;
	}


#loginLinkcadre a
{
	color:#85b040;
	}

.dashedSepGray
{
	height:2px;
	font-size:1px;
	background-image:url("../img/dashedBgGray.gif");
	}

.dashedSepGreen
{
	height:2px;
	font-size:1px;
	background-image:url("../img/dashedBgGreen.gif");
	}

.listPA
{
	list-style-image:url("../img/pucePA.gif");
margin:0;
padding:0;
list-style-position:inside;

	}


#paRech2
{
	width:250px;
	}


#listePaCat
{
	width:600px;
	list-style-type:none;
	color:#8a8a8c;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	padding-top:0px;
	}

#listePaCat li
{
	height:110px;
	border-bottom:dashed 1px #cccdcf;
	margin-top:10px;
	}

#listePaCat li div
{
	height:110px;
	vertical-align:middle;
	
}

.dashedBot
{
	border-bottom:dashed 1px #cccdcf;
	padding-bottom:5px;
	}

.imgPa
{
	width:180px;
	}

.prixPa
{
	width:100px;
	font-size:16px;
	font-weight:bold;
	line-height:100px;
	}

.datePa
{
	width:130px;
	font-size:14px;
	line-height:100px;
	}

.descPa
{
	width:190px;
	overflow:hidden;
	height:110px;
	
	}


.imgPaTitre
{
	width:180px;
	color:White;
	}

.prixPaTitre
{
	width:100px;

	}

.datePaTitre
{
	width:130px;

	}

.descPaTitre
{
	width:180px;
	
	}


#AnnonceView a
{
	color:#85b040;
	font-size:14px;
	}

#InfoPa
{
	width:252px;
	color:#636466;
	}

.InfoPaLine
{
	height:25px;
	
	
	}

.GrayBg
{
	background-color:#ededef;
	border-top:solid 1px #cacacc;
	border-bottom:solid 1px #cacacc;
	}

.paMargin
{
	margin:5px;
	}

#ImagePa img
{
	margin-right:10px;
	
	}

.dashedBotPa
{
	border-bottom:dashed 1px #79b700;
	}


#ContactVendeurBouton
{
	height:31px;
	}

#ContactVendeurForm
{
	color:#636466;
	}


.formRepondreLabel
{
	width:60px;
	padding-top:4px;
	}

.MarginTop
{
	margin-top:5px;
	}

#ValPaContact
{
	width:490px;
	}

.whiteLink
{
	color:#fffff4;
	font-weight:bold;
	}

.whiteLink:hover
{
	color:#ce2329;
	font-weight:bold;
	}

.noresult
{
	padding-top: 100px;
	padding-bottom:100px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.TitreArticleSpace
{
	margin-top:-20px;
	margin-bottom:20px;
	}
	
	
.btstyle {
	padding: 1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	margin-top:10px;
}


.WhiteLink,
.WhiteLink a
{
	color:White;
	text-decoration:none;
}
.WhiteLink:visited,
.WhiteLink a:visited
{
	color:White;
	text-decoration:none;
	}
	

.WhiteLink:hover,
.WhiteLink a:hover
{
	color:White;
	text-decoration:underline;
	}


.logoPos
{
	min-height:50px;
	}

*html .logoPos
{
	height:50px;
	}
	
.aboContact
{
	background-image: url("../img/abo_contact.jpg");
	background-repeat: no-repeat;
	background-position:right
}

.photosContact
{
	background-image: url("../img/back_photo.jpg");
	background-repeat: no-repeat;
	background-position:right
}

.menuUne
{
	background-image: url("../img/uneMenuBack.gif");
	height:27px;
	width:585px;
}
.pointer
{
	cursor:pointer;
}

.subUneWidth
{
	width:450px;
}