/*************** STYLES GENERAUX ***************** */
body {
	background-color: #7b7370;
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#bkgAccueil {
	background: #7b7370 url(../images/fond/AccueilBkg.gif) no-repeat 50% 0%;
}

#bkgPortrait {
	background: #7b7370 url(../images/fond/PortraitBkg.gif) no-repeat 50% 0%;
}

#bkgReseaux {
	background: #7b7370 url(../images/fond/ReseauBkg.gif) no-repeat 50% 0%;
}

#bkgTourisme, #bkgService {
	background: #7b7370 url(../images/fond/ServiceBkg.gif) no-repeat 50% 0%;
}

#bkgCommunication {
	background: #7b7370 url(../images/fond/CommunicationBkg.gif) no-repeat 50% 0%;
}

#bkgEmploi {
	background: #7b7370 url(../images/fond/EmploiBkg.gif) no-repeat 50% 0%;
}
	

#prechargement {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

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

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

a:hover {
	color: #000;
	text-decoration: none;	
}

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



a.mail:link, a.mail:visited {
	text-decoration: underline;
}

a.mail:hover, a.mail:active {
	text-decoration: none;
	background: #666;
	color: #fff;
}

a.external-link-new-window:link, a.external-link-new-window:visited {
	text-decoration: underline;
}

a.external-link-new-window:hover, a.external-link-new-window:active {
	text-decoration: none;
	background: #666;
	color: #fff;
}

a.internal-link:link, a.internal-link:visited {
	text-decoration: underline;
}

a.internal-link:hover, a.internal-link:active {
	text-decoration: none;
	background: #666;
	color: #fff;
}

a.download:link, a.download:visited {
	text-decoration: underline;
}

a.download:hover, a.download:active {
	text-decoration: none;
	background: #666;
	color: #fff;
}


p.bodytext img {
	position: relative;
	top: 3px;
	margin-right: 5px;
	
}


#conteneur {
	width: 900px;
	margin: 0 auto 80px auto;
	position: relative;
	top: 80px;
}


/*************** INFOS TRAFFIC ***************** */

#infoTraffic {
	position: absolute;
	top: -10px;
	right: 10px;
}


#infoTrafficResume {
	background: url(../images/site/bkginfoTraffic.gif) no-repeat 0px 0px;
	width: 530px;
	height: 20px;
}


#infoTrafficInfobulle {
	background: url(../images/site/hautInfotraffic.gif) no-repeat 0px 0px;
	width: 530px;
	padding-top: 10px;
}

#infoTrafficResume span {
	position: absolute;
	top: -20px;
	left: 0px;
	color: #fff;
}

#contentTrafficInfobulle {
	background: url(../images/site/basInfotraffic.gif) no-repeat 0px bottom;
	padding-bottom: 10px;
	height: auto !important;
	height: 80px;
	min-height: 80px;

}

#content #contentTrafficInfobulle p {
	margin: 0 10px 10px 10px;
	padding: 0;
}

#content #infoTrafficResume p {
	margin: 0 10px;
	padding: 0;
	height: 18px;
	line-height: 18px;
	width: 480px;
	overflow: hidden;
}

#content #contentTrafficInfobulle a.closeInfotraffic {
	position: absolute;
	bottom: 5px;
	right: 10px;
}


/*************** HEADER ***************** */

#header {
	height: 120px;
	background: url(../images/site/hautconteneur.gif) no-repeat 0px 0px;
	position: relative;
}

#header img.logo {
	position: absolute;
	top: 20px;
	right: 30px;
}

#header a img.logo {
	border: 0;
}

#header ul#menu {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 90px;
	left: 30px;
	text-transform: lowercase;
}

#header ul#menu li {
	display: inline;
	padding: 0 2px;
	font-size: 110%;
}

#header ul#menu li.menu_act a {
	color: #000;
}




/*************** BANNER ***************** */

#banner {
	height: 200px;
	background: #fff;
	position: relative;
}

#banner img {
	position: relative;
	left: 25px;
}

#banner div.titre {
	position: absolute;
	top: 140px;
	left: 40px;
}

#banner div.titre p {
	margin: 0;
	padding: 0;
	display: inline;
	text-transform: uppercase;
	font-size: 200%;
	color: #fff;
}

#banner div.titre p.soustitre {
	color: #ffd300;
	margin: 0;
	padding: 0 5px 0 5px;
}



/*************** MENU CATEGORIE COMMUNICATION, RESEAUX ET PORTRAIT ***************** */
#bkgCommunication #banner ul#sousMenuNiv1, #bkgTourisme #banner ul#sousMenuNiv1 {
	position: absolute;
	left: 40px;
	top: 104px;
	width: 400px;
}



#bkgReseaux #banner ul#sousMenuNiv1 {
	position: absolute;
	left: 40px;
	top: 88px;
	width: 560px;
}

#bkgService #banner ul#sousMenuNiv1 {
	position: absolute;
	left: 40px;
	top: 104px;
	width: 560px;
}


#bkgCommunication #banner ul#sousMenuNiv1 ul#sousMenuNiv2, #bkgTourisme #banner ul#sousMenuNiv1 ul#sousMenuNiv2,
#bkgService #banner ul#sousMenuNiv1 ul#sousMenuNiv2 {
	margin: 36px 0 0 0;
}


#bkgReseaux #banner ul#sousMenuNiv1 ul#sousMenuNiv2 {
	margin: 52px 0 0 0;
}



/*************** MENU STYLES GENERAUX ***************** */

#banner ul#sousMenuNiv1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: 40px;
	top: 120px;
	text-transform: uppercase;
}


#banner ul#sousMenuNiv1 li {
	display: inline;
	padding: 0 2px;
	color: #fff;
}

#banner ul#sousMenuNiv1 li.sousmenuNiv1_act_Niv2 {
	padding-right: 6px;
}

#banner ul#sousMenuNiv1 a:link, #banner ul#sousMenuNiv1 a:visited {
	color: #fff;
}

#banner ul#sousMenuNiv1 a:hover, #banner ul#sousMenuNiv1 a:active, #banner ul#sousMenuNiv1 li.sousmenuNiv1_act a:link, #banner ul#sousMenuNiv1 li.sousmenuNiv1_act a:visited, #banner ul#sousMenuNiv1 li.sousmenuNiv1_act_Niv2 a:link, #banner ul#sousMenuNiv1 li.sousmenuNiv1_act_Niv2 a:visited {
	color: #bfb7ae;
}

#banner ul#sousMenuNiv1 ul#sousMenuNiv2 {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: -15px;
	top: 65px;
	text-transform: uppercase;
	width: 850px;
	height: 20px;
	background: url(../images/site/hr.jpg) no-repeat bottom left;	
}

#banner ul#sousMenuNiv1 ul#sousMenuNiv2 li {
	display: inline;
	padding: 0px 8px;
}

#banner ul#sousMenuNiv1 ul#sousMenuNiv2 a:link, #banner ul#sousMenuNiv1 ul#sousMenuNiv2 a:visited {
	color: #666;
}

#banner ul#sousMenuNiv1 ul#sousMenuNiv2 a:hover, #banner ul#sousMenuNiv1 ul#sousMenuNiv2 a:active, #banner ul#sousMenuNiv1 ul#sousMenuNiv2 li.sousmenuNiv2_act a:link, #banner ul#sousMenuNiv1 ul#sousMenuNiv2 li.sousmenuNiv2_act a:visited {
	color: #ffd300;
}




/*************** MENU INTER ***************** */
div.menuInter {
	height: 20px;
	background: #fff url(../images/site/bkgMenuInter.jpg) no-repeat 25px 0px;
	margin: 0 auto;
	text-align: right;
	font-size: 1px;	
}


div.menuInter img {
	margin: 0 3px 0 0;
	border: 0;
	position: relative;
	top: 7px;
	right: 30px;
}

/*************** CONTENU ***************** */

#content {
	background-color: #fff;
	margin: 0;
	padding: 30px 40px;
}

.content {
	width: 820px;

}

.content3cols, .content2cols {
	margin: 0;
	padding: 0;
}

.content2cols .col1, .content2cols .col2 {
	float: left;
	width: 375px;
}

.content2cols .col2 {
	float: right;
}

.content3cols .col1, .content3cols .col2, .content3cols .col3 {
	float: left;
	width: 240px;
}

.content3cols .col1 {
	margin-right: 45px;
}

.content3cols .col3 {
	float: right;
}


#content h2, #content h1 {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#content p {
	margin: 0;
	padding: 0 0 20px 0;
	text-align: justify;
}

.content3cols ul, .content2cols ul, .content3colsAccueil ul {
	padding: 0;
	margin: 0 0 10px 20px;
}

.content3cols ol, .content2cols ol, .content3colsAccueil ol {
	padding: 0;
	margin: 0 0 10px 25px;
}

.content3cols li, .content2cols li, .content3colsAccueil li {
	text-align: justify;
}


table.contenttable {
	border-collapse: collapse;
	width: 100%;
	/*padding-bottom: 40px;*/
}

table.contenttable caption {
	text-align: left;
	height: 25px;
	line-height: 25px;
	background: url(../images/site/bkgtabconseil.gif) no-repeat 0 50%;
	vertical-align: middle;
	padding-left: 5px;
}

table.contenttable tr.tr-even {
	background-color: #fff;
}

table.contenttable tr.tr-odd {
	background-color: #cdc6be;
}

table.contenttable td {
	padding: 2px;
}

table.contenttable th {
	text-align: left;
	font-weight: normal;
}


.tabOrganisation {
	border-collapse: collapse;
	width: 810px;
	margin: 0;
	padding: 0;
}

.tabTarifs, .tabOndeVerte {
	border-collapse: collapse;
	width: 810px;
	margin: 0 0 30px 0;
	padding: 0;	
}

.tabChiffres {
	border-collapse: collapse;
	width: 375px;
	margin: 0 0 20px 0;
	padding: 0;
}

.tabChiffres td {
	padding: 2px 0;
}

.tabChiffres td.td-0 {
	width: 300px;
	text-indent: 10px;
}

.tabChiffres td.td-last {
	width: 75px;
}

.tabOrganisation td, .tabTarifs td {
	padding: 2px 0;
}

.tabOrganisation td.td-0 {
	width: 130px;
}

.tabOrganisation td.td-1 {
	width: 520px;
}

.tabOrganisation td.td-2, .tabOrganisation td.td-last {
	width: 80px;
	text-align: right;
}

.tabTarifs td.td-0 {
	width: 440px;
}

.tabTarifs td.td-1 {
	width: 140px;
}

.tabTarifs td.td-2 {
	width: 70px;
}

.tabTarifs td.td-last {
	width: 160px;
}

.tabTarifs th {
	text-align: left;
	font-weight: normal;
}

.tabChiffres caption {
	text-align: left;
	height: 25px;
	line-height: 25px;
	background: url(../images/site/bkgtabchiffres.gif) no-repeat 0 50%;
	vertical-align: middle;
	padding-left: 5px;		
}

.tabOrganisation caption, .tabTarifs caption {
	text-align: left;
	height: 25px;
	line-height: 25px;
	background: url(../images/site/bkgtabconseil.gif) no-repeat 0 50%;
	vertical-align: middle;
	padding-left: 5px;		
}

table.tabOrganisation tr.tr-even, table.tabOrganisation tr.tr-odd, table.tabChiffres tr.tr-even, table.tabChiffres tr.tr-odd, table.tabTarifs tr.tr-even, table.tabTarifs tr.tr-odd, table.tabOndeVerte tr.tr-even, table.tabOndeVerte tr.tr-odd {
	background-color: #fff;
}


pre {
	font-size: 120%;
	margin-bottom: 0;
}


div.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;	
}


/*************** CADRE ARRONDI ***************** */
.cadreArrondi {
	margin: 0 0 20px 0;
	background-color: #f3f1ef; 
}

.cadreHaut {
	background: url(../images/site/cadreHaut.jpg) repeat-x 0 0;
}

.cadreBas {
	background: url(../images/site/cadreBas.jpg) repeat-x 0 0;
}

.cadreHautG, .cadreHautD, .cadreBasG, .cadreBasD {
	width: 10px;
	height: 10px;
	font-size: 1px;
} 

.cadreHautD {
	float: right;
	background: url(../images/site/cadreHautD.jpg) no-repeat 0 0;	
}

.cadreHautG {
	background: url(../images/site/cadreHautG.jpg) no-repeat 0 0;	
}

.cadreBasD {
	float: right;
	background: url(../images/site/cadreBasD.jpg) no-repeat 0 0;
}

.cadreBasG {
	background: url(../images/site/cadreBasG.jpg) no-repeat 0 0;	
}

.contenuCadre {
	padding: 0 5px;
	border-left: 1px solid #a9a095;
	border-right: 1px solid #a9a095;
}

#content .contenuCadre p {
	margin: 0;
	padding: 5px 0;
}

.contenuCadre ul, .contenuCadre ol {
	margin: 0;
	padding: 5px 0 5px 20px;
}

.contenuCadre dl, .contenuCadre dt {
	margin: 0;
	padding: 0;
}




/*************** LIEN STYLISE ***************** */

.content2cols div.lienStylise {
	width: 100px;
	position: relative;
	left: 240px;
	top: 0px;
	padding: 10px 0 0 0;
}

.content3cols div.lienStylise {
	width: 100px;
	position: relative;
	left: 100px;
	top: 0px;
	padding: 10px 0 0 0;
}

.content3colsAccueil div.lienStylise {
	width: 100px;
	position: relative;
	left: 170px;
	top: 0px;
	padding: 10px 0 0 0;
}

.content2cols a.lienStylise:link, .content2cols a.lienStylise:visited, .content3cols a.lienStylise:link, .content3cols a.lienStylise:visited, .content3colsAccueil a.lienStylise:link, .content3colsAccueil a.lienStylise:visited {
	display: block;
	background: url(../images/site/link.gif) no-repeat right top;
	text-align: right;
	text-transform: uppercase;
	font-size: 90%;
	padding: 0 25px 0 0;
	width: 100px;
}

.content2cols a.lienStylise:hover, .content2cols a.lienStylise:active, .content3cols a.lienStylise:hover, .content3cols a.lienStylise:active, .content3colsAccueil a.lienStylise:hover, .content3colsAccueil a.lienStylise:active {
	background: url(../images/site/linkOn.gif) no-repeat right top;	
}


/*************** QUICKLINKS ***************** */
#quicklinks {
	position: relative;
	top: -8px;
	left: 285px;
	height: 20px;
	width: 100px;
}

#quicklinks img {
	padding: 0 2px 0 2px;
}


/*************** MOTEUR DE RECHERCHE ***************** */
#search {
	position: absolute;
	top: -10px;
	left: 10px;
	height: 17px;
}

.RechercherZone {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	width: 235px;
	height: 19px;
	padding: 2px 0 0 10px;
	background: url(../images/site/bkgSearch.gif) no-repeat 0px 0px;
}

.RechercherButton {
	background: transparent url(../images/Icones/search.gif) no-repeat center center;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 20px;
}

#search label {
	position: absolute;
	top: -20px;
	left: 0px;
	color: #fff;
}




.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	width:100px;
	background-color: #aaa096;
	border: 1px solid #ccc;
	font-family:"Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0; 
	margin: 20px 0 20px 0;
	color: #fff;
	cursor: pointer;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button-hover {
	width:100px;
	background-color: #666;
	border: 1px solid #ccc;
	font-family:"Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0; 
	margin: 20px 0 20px 0;
	color: #fff;
	cursor: pointer;
}


.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { 
	width:150px;
	background: #fff;
	border: 1px solid #ccc;
	font-family:"Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0; 
	margin: 0 0 0 10px;		
}

.tx-indexedsearch .tx-indexedsearch-searchbox select { 
	width:150px;
	background: #fff;
	border: 1px solid #ccc;
	font-family:"Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0; 
	margin: 10px 0 10px 10px;		
}

.tx-indexedsearch .tx-indexedsearch-searchbox td { 
	vertical-align: middle;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
	font-weight: bold;
	font-style: italic;
	color: #666;
}

.tx-indexedsearch .tx-indexedsearch-searchbox a:link, .tx-indexedsearch .tx-indexedsearch-searchbox a:visited, .tx-indexedsearch .tx-indexedsearch-searchbox a:hover, .tx-indexedsearch .tx-indexedsearch-searchbox a:active {
	font-weight: bold;
}


form {
	margin: 0;
	padding: 0;
}


fieldset.csc-mailform {
	border: 0;
	margin: 0;
	padding: 10px 0 10px 10px;
}

.csc-mailform-field {
	padding: 10px 0;
}

.csc-mailform-field label {
	display: block;
}

.csc-mailform-field span.error {
	color: #cc0000;
}

.csc-mailform-field input, .csc-mailform-field textarea {
	width:150px;
	background: #fff;
	border: 1px solid #ccc;
	font-family:"Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0; 
}

.csc-mailform-field textarea {
	width: 250px;
}

.csc-mailform-field input.csc-mailform-submit {
	width:150px;
	background-color: #aaa096;
	border: 0;
	font-family:"Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0; 
	margin: 20px 0 0 100px;
	color: #fff;
	cursor: pointer;
}

.csc-mailform-field input.csc-mailform-submit-hover {
	width:150px;
	background-color: #666;
	border: 0;
	font-family:"Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0; 
	margin: 20px 0 0 100px;
	color: #fff;
	cursor: pointer;
}


.csc-mailform-radio legend {
	display: none;
}

.csc-mailform-radio fieldset {
	border: 0;
}

.csc-mailform-radio input, .csc-mailform-radio label {
	display: inline;
	width: auto;
}

.csc-mailform-radio input.csc-mailform-radio {
	border: 0;
}



/*************** TRAIT POINTILLE ***************** */
div.pointille {
	background: url(../images/site/pointille.gif) repeat-x 0px 7px;
	height: 20px;
}



/*************** PARTENAIRES EN PAGE D'ACCUEIL ***************** */
div.vignettesPartenaires {
	width: 180px;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
}





/*************** FOOTER ***************** */
/* hack IE 7 */
*:first-child+html #footer {
	background: transparent url(../images/site/basconteneur.gif) no-repeat left bottom;
	position: relative;
	height: 50px;
	font-size: 90%;
	margin-bottom: 80px;
}

#footer {
	background: transparent url(../images/site/basconteneur.gif) no-repeat left bottom;
	position: relative;
	height: 50px;
	font-size: 90%;
	margin-bottom: 150px;
}

#footer p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 55px;
	right: 10px;
	color: #fff;
}

#footer ul#menufooter {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 40px;
	list-style-type: none;
}

#footer ul#menufooter li {
	display: inline;
	padding: 0 4px;
	color: #a9a095;
	text-transform: lowercase;
}

#bkgReseaux .content2cols p.bodytext {
	margin: 0;
	padding: 0;
}

#bkgReseaux .cadreArrondi {
	padding: 0;
	margin: 0 0 0 60px;
}

#bkgReseaux div.csc-frame-frame1 {
	margin-left: 20px;
	padding-top: 5px;
}

/*************** Contenu Flexible : Accueil 3 colonnes ***************** */
#bkgAccueil .content3colsAccueil .col3 {
	width: 115px;
	float: right;
}

#bkgAccueil .content3colsAccueil .col1, #bkgAccueil .content3colsAccueil .col2 {
	float: left;
	width: 300px;
}

#bkgAccueil .content3colsAccueil .col1 {
	margin-right: 50px;
}

#bkgAccueil .content3colsAccueil .col3 {
	float: right;
	width: 115px;
}

#bkgAccueil .content3colsAccueil .col3 div.csc-textpic-imagerow {
	height: 80px;
}

/*************** Contenu Flexible : Accueil 2 colonnes ***************** */
#bkgAccueil .content2colsAccueil .col2 {
	width: 115px;
	float: right;
}

#bkgAccueil .content2colsAccueil .col1 {
	float: left;
	width: 650px;
}

#bkgAccueil .content2colsAccueil .col2 div.csc-textpic-imagerow {
	height: 80px;
}

/*************** Contenu Flexible : 2 et 3 colonnes flexibles ***************** */
.flex2cols {
	width:100%;
}
.flex2cols .flexCol1, .flex2cols .flexCol2 {
	width: 50%;
	float: left;
	overflow:hidden;
}
.flex2cols .flexCol1 .in {
	padding-right:20px;
}
.flex2cols .flexCol2 .in {
	padding-left:20px;
}

.flex3cols {
	width:100%;
}
.flex3cols .flexCol1, .flex3cols .flexCol2, .flex3cols .flexCol3 {
	width: 33%;
	float: left;
	overflow:hidden;
}
.flex3cols .flexCol1 .in {
	padding-right:20px;
}
.flex3cols .flexCol2 .in {
	padding-left:20px;
	padding-right:20px;
}
.flex3cols .flexCol3 .in {
	padding-left:20px;
}



/*************** MENU DEROULANT ***************** */
#yymenu a {
	background-color:#ffffff;
	border-top:1px solid #797274;
	border-left:1px solid #797274;
	border-right: 1px solid #797274;
	color:#797274;
	display:block;
	margin:0pt;
	padding:2px 8px;
	text-decoration:none;
	z-index: 1000;
	font-size: 90%;
}

#yymenu a.submenu {
	background: #ffffff url(../images/fleche.gif) no-repeat right center;
}

#yymenu li {
	margin: 0;
	padding: 0;
}

#yymenu li.last a {
	border-bottom:1px solid #797274;
}

#yymenu a:hover, #yymenu a:active {
	color: #000;
}
#yymenu ul {
	margin:0;
	padding: 0;
}
#yymenu ul li {
	margin:0;
	padding:0;
}

#yymenu .mmLevel1 {
}

#yymenu .mmLevel2 {
}