/* <style> <= balise pour coloration syntaxique dans phpedit */

/*******************************************************************************
Styles communs screen et print
*******************************************************************************/
.exempleDeStylePouvantEtreSurcharge{
			text-decoration:underline;
	}

/*******************************************************************************
REDEFINITION DES BALISES
*******************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #DFDFD0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-size: 11px;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
embed, object {
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0 0 0 0;
	padding: 5px 10px 5px 15px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
a {
	outline: 0;
	color: #000000;
}
.clear{
	clear: both;
}
.geniap {
	color: #D62782;
}

/*******************************************************************************
GLOBAL
*******************************************************************************/
#global {
	margin: 15px auto 0 auto;
	padding: 0 0 0 0;
	width: 960px;
	background: transparent;
}
#global a {
	position: relative;
}
#global a:hover {
    color: #D62782;
}

/*******************************************************************************
HEADER
*******************************************************************************/
#header {
	background: transparent;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 125px;
	text-align: center;
	z-index: 900;
	position: relative;
}
/*#header a {
	background: transparent;
	display: block;
	text-decoration: none;
	width: 960px;
	height: 115px;
}*/

/*******************************************************************************
FOOTER
*******************************************************************************/
#footer {
	background: transparent;
	clear: both;
	margin: 0 auto 10px auto;
	padding: 0;
	position: relative;
	width: 955px;
	height: 20px;
	text-align: left;
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #333333;
	text-decoration: none;
}
#footer a:hover {
	color: #D62883;
	text-decoration: none;
}
#footer p {
	font-size: 11px;
	padding: 0;
    margin: 0 0 0 5px;
	color: #333333;
	font-weight: normal;
}
#footer p.fgauche {
	font: 11px;
    float: left;
}
#footer p.fdroite {
    float: right;
}

/*******************************************************************************
MENU HAUT
*******************************************************************************/
#menuHaut {
	background: transparent url('/medias/fondMenu.jpg') repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 13px;
	text-transform: uppercase;
	margin: 93px 0 0 0;
	padding: 0;
	right: 0;
	position: absolute;
}
#menuHaut ul {
	list-style-type: none;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 32px;
	float: left;
}
#menuHaut ul li {
	list-style: none;
	display: block;
	float: left;
	/*position: relative;*/
    z-index: 109;
}
#menuHaut ul li a,
#menuHaut ul li a:link,
#menuHaut ul li a:visited,
#menuHaut ul li a:active {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	padding: 8px 15px 0 15px;
	height: 24px;
}
#menuHaut ul li ul li a,
#menuHaut ul li ul li a:link,
#menuHaut ul li ul li a:visited,
#menuHaut ul li ul li a:active {
    color: #000000;
    height: auto;
    text-transform: none;
    color: #000000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 2px 10px 0 10px;
    font-size: 12px;
}
#menuHaut ul li ul li a:hover {
    background: none;
    color: #D72A85;
}
#menuHaut ul li ul li {
    float: none;
    text-align: left;
}
#menuHaut ul li ul li.prem {
    margin: 10px 0 0 0;
}
#menuHaut ul li#rub1 {
    width: 40px;
}
#menuHaut ul li#rub1 a {
    background: transparent url('/medias/btnAccueil.jpg') no-repeat;
}
#menuHaut ul li#rub1.rub_courante a, #menuHaut ul li#rub1 a:hover {
	background: transparent url('/medias/btnAccueilS.jpg') no-repeat;
	color: #FFFFFF;
}
#menuHaut ul li#rub1.rub_courante a, #menuHaut ul li#rub1 a:hover {
	background: transparent url('/medias/btnAccueilS.jpg') no-repeat;
	color: #FFFFFF;
}
#menuHaut #menuBlog {
    position: absolute;
    top: -97px;
    right: 40px;
}
#menuHaut #menuCommunaute{
    position: absolute;
    top: -20px;
    right: 10px;
}
#menuHaut #menuCommunaute #lienFacebook{
    position: absolute;
 	right: 0px;
}
#menuHaut #menuCommunaute #lienTwitter{
    position: absolute;
}
#menuHaut ul li.rub_courante a,
#menuHaut ul li.rub_courante a:link,
#menuHaut ul li.rub_courante a:visited,
#menuHaut ul li.rub_courante a:active {
	background: #E657A2 url('/medias/fondMenuSelect.jpg') repeat-x;
	color: #FFFFFF;
}
#menuHaut ul li.rub_courante ul li a,
#menuHaut ul li.rub_courante ul li a:link,
#menuHaut ul li.rub_courante ul li a:visited,
#menuHaut ul li.rub_courante ul li a:active {
	background: none;
	color: #000000;
}

#menuHaut ul li.rub_courante ul li a:hover {
    color: #D72A85;
}

#menuHaut ul li.rub_courante ul li ul.liste_tag li a {
	color: #848477;
}


/*#menuHaut ul li.rub_courante ul.menu li a,
#menuHaut ul li.rub_courante ul.menu li a:link,
#menuHaut ul li.rub_courante ul.menu li a:visited,
#menuHaut ul li.rub_courante ul.menu li a:active {
	background: transparent;
	color: #4C4C4C;
	text-transform: none;
}*/
#menuHaut ul li.rub_courante ul li.rub_courante a {
    font-weight: bold;
    color: #D72A85;
}
#menuHaut ul li a:hover, #menuHaut ul li.hover {
	color: #FFFFFF;
	background: transparent url('/medias/fondMenuSelect.jpg') repeat-x;
	text-decoration: none;
	z-index: 600;
}
#menuHaut ul li.der {
	margin-right:40px;
}
#menuHaut ul li.der a {
	border-right: 0;
	/*background: transparent url('/medias/bordMenu_D_Select.jpg') no-repeat right top;*/
}
#menuHaut ul li.der a:hover {
	border-right: 0;
	/*background: transparent url('/medias/bordMenu_D_Select.jpg') no-repeat right top;*/
}
#menuHaut ul li ul li.der a:hover {
    background: transparent;
}
#menuHaut ul li.prem a {
	border-left: 0;
}
#menuHaut ul li ul {
	height: auto;
	/*width: auto;*/
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
    left: 0;
    color: #4C4C4C;
	z-index: 500;
    display: none;
	background: #FFFFFF url(/medias/fond_SsMenu.jpg) repeat-x top left;
	border-left: 1px solid #B1B1A3;
    border-right: 1px solid #B1B1A3;
}
#menuHaut ul li ul li ul {
    border: 0;
}
#menuHaut ul li#rub5 ul.menu {
    /*border-left: 1px solid #B1B1A3;
    border-right: 1px solid #B1B1A3;*/
    padding: 0;
    width: 520px;
    /*background: #FF00FF url('/medias/bas_SsMenu.png') no-repeat left bottom;*/
}
#menuHaut ul li ul.menu div.coinG {
    position: absolute;
    bottom: -9px;
    left: -1px;
    background: transparent url('/medias/coinG_Menu.png') no-repeat;
    width: 11px;
    height: 11px;
}
#menuHaut ul li ul.menu div.coinD {
    position: absolute;
    bottom: -8px;
    right: -3px;
    background: transparent url('/medias/coinD_Menu.png') no-repeat;
    width: 11px;
    height: 11px;
}
#menuHaut ul li ul.menu div.basMenu {
    position: absolute;
    bottom: -7px;
    left: 8px;
    background: #FFFFFF;
    border-bottom: 1px solid #B1B1A3;
    width: 508px;
    height: 9px;
}
#menuHaut ul li ul li ul.catMenu li {
    width: 120px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
}
#menuHaut ul li ul li ul.catMenu li a {
    width: 120px;
    height: auto;
    text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #000000;
    text-transform: none;
}
#menuHaut ul li ul li ul.catMenu li a:hover {
    color: #D72A85;
    background: transparent;
}
#menuHaut ul li ul li ul.catMenu {
    float: left;
    width: 120px;
    margin: 10px 12px;
    background: transparent;
    border-right: 1px dotted #000000;
    position: relative;
}

#menuHaut ul li ul li ul.liste_tag {
    position: relative;
    float: left;
    width: 360px;
    margin: 8px 0 0 10px;
    padding: 0;
    background: transparent;
    text-transform: none;
    text-align: left;
}
#menuHaut ul li ul li ul.liste_tag li {
    width: auto;
    display: inline;
    float: none;
    text-transform: none;
    text-align: left;
    margin: 0;
    padding: 0;
}
#menuHaut ul li ul li ul.liste_tag li a {
    width: auto;
    display: inline;
    float: none;
    text-align: left;
    color: #848477;
    font-size: 12px;
    text-transform: none;
    margin: 0 5px 0 0;
    padding: 0;
}
#menuHaut ul li ul li ul.liste_tag li a:hover {
    color: #D21F7D;
    background: transparent;
}

#menuHaut ul li a:hover,
#menuHaut ul li:hover,
#menuHaut ul li.lihover a {
	display: block;
}
.sous_menu_separator {
	float: left;
}

/*******************************************************************************
MENU
*******************************************************************************/
.depliMenu {
	margin: 0 0 0 10px;
}
.depliMenu a {
	color: #333333;
}
#colonne_pub{
	margin: 20px 0 0 10px;
	text-align: center;
	width: 184px;
}

/*******************************************************************************
FIL ARIANE
*******************************************************************************/
#filAriane {
    margin: 5px 0 5px 5px;
    font-weight: bold;
}
#filAriane a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

/*******************************************************************************
FLUX RSS
*******************************************************************************/
#flux_rss {
	margin: 0;
    float: left;
}
#flux_rss a {
	text-decoration: underline;
	color: #3F3F36;
	display: block;
	float: right;
	font-weight: bold;
	margin: -1px 0 0 5px;
}

/*******************************************************************************
LANGUES
*******************************************************************************/
#drapeaux_langues {
    margin: 10px 0 0 10px;
}
#drapeaux_langues a {
    border: 0;
    outline: 0;
    text-decoration: none;
}

/*******************************************************************************
CONTENU
*******************************************************************************/
#global #corps {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0;
}
#global #corps #contenu {
	background: transparent;
    margin: 10px 0 0 0;
	padding: 0;
}
#global #contenu div.ligne {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0;
	background: transparent;
}
.titreRubrique {
	color: #000000;
	padding: 0px 0 10px 0px;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 0 0;
	letter-spacing: 0px;
}
#listeArticles {
	position:relative;
}
.article {
	padding: 0;
	margin: 0 0 0px 0;
	width: auto;
}
#global-blog .article {
	padding: 0 10px 2px 10px;
	margin: 0;
	width: auto;
	background: #FFFFFF;
}
#contenu div.ligne {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 10px;
	background: transparent;
}

/*******************************************************************************
ARTICLE
*******************************************************************************/
.article ul {
	padding: 0;
	margin: 2px 0 0 0;
	list-style-type: none;
}
.article .description .texte ul li {
	list-style-type: none;
	background-image: url(/medias/puce.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 1px 0 0 14px;
}
.article .texte hr {
	margin: 0;
	border: 0;
	color: #E1E1D0;
	background: #E1E1D0;
	height: 3px;
    width: auto;
}
.article h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px;
	font-size: 13px;
	font-weight: normal;
	color: #4C4C4C;
	text-transform: uppercase;
	background: transparent url('/medias/puce_titre.gif') no-repeat 5px 8px;
	padding: 3px 5px 3px 20px;
}
.article .description h2 a, .article .description h2 a:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #4C4C4C;
	padding: 0;
	margin: 0;
}
.article .infoArticle {
    font-size: 11px;
    color: #999999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 5px 0px 0px 0px;
    float: left;
}
.article .description .infoArticle a {
    color: #999999;
}
.article .description .infoArticle a:hover {
    color: #38A0BF;
    text-transform: none;
}
.article .description .infoArticle a.nomRub {
    text-transform: uppercase;
    color: #38A0BF;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.article .description .infoArticle a.nomRub:hover {
    text-transform: uppercase;
    color: #38A0BF;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.article .description p a {
	color: #000000;
	/*font-weight: normal;*/
	text-decoration: underline;
}
.article .description {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
}
.article .description p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	paddding: 0;
    margin: 0;
}
.article .description table p {
	margin: 0;
	padding: 0;
	color: none;
}
.article .description p a,
.article .description p a:visited,
.article .description p a:active,
.article .description p a:focus,
.article .description p a:link {
	color: #38a0bf;
	text-decoration: underline;
}
.article .description p a:hover {
	text-decoration: underline;
	color: #D72A85;
}
.article .description img {
	margin:0px;
	padding:0px;
}
.article .description .chapeau {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 0px 10px 0 12px;
	background: none;
}
#global-blog .article .description .chapeau {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 0px 0px 5px 0px;
	background: none;
}
.article .description .chapeau p {
	font-size: 12px;
	font-weight: bold;
}
.article .description .texte {
	padding: 0px 15px 5px 12px;
}
.article .description .tags {
	padding: 0px 10px 10px 12px;
	font-size: 11px;
	color: #999999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.article .description .tags a {
    color: #999999;
}
#global-blog .article .description .texte {
	padding: 0px 0px 10px 0px;
}
.article .description p.lireSuite {
    margin: 10px 0 0 0;
}
.article .description p.lireSuite a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: #D21F7D;
    text-decoration: none;
}
.article .description p.lireSuite a:hover {
    text-decoration: underline;
}
.article .description .chapeau p a,
.article .description .chapeau p a:link,
.article .description .chapeau p a:visited,
.article .description .chapeau p a:hover,
.article .description .chapeau p a:active,
.article .description .chapeau p a:focus  {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
.article .description .divArticleImgGauche {
	position: relative;
	float: left;
	margin: 0px 10px 0px 10px;
}
.article .description .divArticleImgDroite{
	position: relative;
	float: right;
	margin: 0px 0px 0px 10px;
}
#global-blog .article .description .divArticleImgGauche {
	position: relative;
	float: left;
	margin: 0px 10px 10px 0px;
}
#global-blog .article .description .divArticleImgDroite {
	position: relative;
	float: right;
	margin: 0px 0px 10px 10px;
}
.article .description .divArticleImgHaut {
	text-align: left;
	margin: 0px 0px 5px 0px;
}
.article .description .divArticleImgBas {
	text-align: left;
	margin: 10px 0px 0px 0px;
}
.imageLegendeDiaporama {
	left: 0;
	bottom: 0px;
	position: absolute;
	z-index: 10;
}
.imagelegende {
	color: #000000;
	background: #CCCCCC;
	font-size: 10px;
	padding: 2px 0 2px 5px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
}
.article .galMosaique {
    margin: 0;
	padding: 0;
}
.article .galMosaique li {
    list-style-type: none;
	float: left;
	margin: 1px 1px 0px 0;
	padding: 0;
	border: 0;
}
.article .galMosaique li a {
    display: block;
}
.article .galerie {
	margin: 5px 0px 5px 0px;
	padding: 0;
	float: left;
}
.article .galerie li {
	list-style-type: none;
	background-image: transparent;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	border: 2px solid #D6D6BE;
}
.article .galerie li a {
	display: block;
}

/*******************************************************************************
ARTICLE DEFILANT
*******************************************************************************/
#contenu div.ligne div.carousel-wrap>div {
	/*display: inline;*/
	/*float: left;*/
	height: auto;
	margin: 0;
	/*position: relative;*/
	text-align: left;
}
.carousel-next {
	margin: 1px 5px 0 0;
	cursor: pointer;
	text-decoration: underline;
	float: left;
	color: #000000;
	font-weight: bold;
}
.carousel-previous {
	margin: 1px 5px 0 5px;
	cursor: pointer;
	text-decoration: underline;
	float: left;
	color: #000000;
	font-weight: bold;
}
.carousel-pagination {
	margin: 2px 0 5px 0px;
	float: left;
}
.carousel-pagination p {
	margin: 5px 0 0 0;
	padding: 0;
}
.carousel-pagination a {
	margin: 0 2px 0 0;
	padding: 2px 5px 2px 5px;
	border: 1px solid #000000;
	font-weight: bold;
	color: #000000;
	background: none;
	text-decoration: none;
}
.carousel-pagination a:hover {
	color: #000000;
	background: none;
	text-decoration: none;
}
.carousel-pagination a.active {
	background: #000000;
	color: #FFFFFF;
}
.center-wrap a:focus {
	outline: none;
}
.contenuRub {
	margin: 0;
	padding: 0;
}

/*******************************************************************************
DIAPORAMA
*******************************************************************************/
ul.diaporama {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
ul.diaporama.attente{
	background: #FFFFFF url('/medias/preloader.gif') no-repeat 50% 50%;
}
ul.diaporama li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: none;
}
ul.diaporama li a {
	display: block;
}
.diapoConteneur {
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}
.diapoConteneur .nav {
	/*margin: 0px 0px 5px 0px;*/
	margin: 0;
	float: left;
}
.diapoConteneur div.diaporama {
    position: relative;
}
.diapoConteneur .nav a {
	/*margin: 5px 2px 0 0;*/
	margin: 5px 0 0 0;
	padding: 5px 6px 5px 6px;
	/*border: 1px solid #FFFFFF;*/
	color: #000000;
	display: block;
	float: left;
	background: #FFFFFF;
	text-decoration: none;
}
.diapoConteneur .nav a:hover {
	color: #D72A85;
	background: #FFFFFF;
	text-decoration: none;
}
.diapoConteneur .nav a.activeSlide {
	background: #D72A85;
	color: #FFFFFF;
}
#global .diapoConteneur .actionDiapo .nav a.activeSlide:hover {
	background: #D72A85;
	color: #FFFFFF;
}
.diapoConteneur .nav a:focus {
	outline: none;
}
.diapoConteneur .actionDiapo {
    position: absolute;
    bottom: 0;
    z-index: 100;
    right: 0;
}
.diapoConteneur .boutonDiapo {
	float: left;
	color: #CCCCCC;
	margin: 6px 0 0 8px;
}
.diapoConteneur a.boutonDiapo,
.diapoConteneur a.boutonDiapo:hover {
	color: #CCCCCC;
}
.article .image_suite {
	position: relative;
	margin: 0 5px;
	float: left;
}
.article .image_ligne {
	position: relative;
	margin: 0 ;
}
.diapoConteneur .nav li {
    float: left;
    margin: 3px 0 0 0;
    padding: 0;
    list-style: none;
    background: none;
}
.diapoConteneur .nav li.btn a {
    border: 0;
}
.diapoConteneur .nav li a {
    float: left;
    background: none;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 0;
    padding: 0;
}
.diapoConteneur .nav li a.activeSlide {
    border: 1px solid #000000;
}

/*******************************************************************************
FICHIER LIE
*******************************************************************************/
.article .fichierlie {
	margin: 5px 0px 5px 0px;
	float: left;
}
.article .fichierlie li {
	margin: 2px 0px 2px 3px;
	padding:0px 0 5px 20px;
	background: url('/medias/puce_telechargement.jpg') 3px 0px no-repeat transparent;
}
.article .fichierlie li a,
.article .fichierlie li a:link,
.article .fichierlie li a:active,
.article .fichierlie li a:focus,
.article .fichierlie li a:visited {
	color: #3A6699;
	text-decoration: underline;
	font-weight: normal;
}
.article .fichierlie li a:hover {
	color: #3A6699;
	text-decoration: underline;
	font-weight: normal;
}
.btn_download {
	vertical-align:-50%;
}

/*******************************************************************************
FORMULAIRE DE CONTACT
*******************************************************************************/
#contact input.erreur, #contact textarea.erreur {
	color: #000000;
	border: 1px solid #CD0A0A;
}
#contact input.radio, #contact input.checkbox {
	width: auto;
	border: 0;
	vertical-align: -4px;
	margin: 0px 4px 0px 10px;
}
#contact label.radio, #contact label.checkbox {
	margin: 0 0 0 2px;
	cursor: pointer;
}
#contact .radio input {
	float: none;
	border: 0;
	width: auto;
	margin: -5px 5px 0 6px;
}
#contact label.erreur {
	display: none;
}
#contact label.erreur {
	background: #FEF1EC url(/medias/warning.gif) no-repeat 5px 4px;
	margin: 2px 0 0 6px;
	border: 1px solid #CD0A0A;
	padding: 2px 4px 2px 25px;
	font-weight: normal;
	text-transform: none;
	font-size: 11px;
	color: #CD0A0A;
	width: 281px;
	min-height: 14px;
	height: auto;
	text-align: left;
	float: left;
}
#contact {

}
#contact table {
	position: relative;
	margin: 7px 0 0 15px;
    float: left;
	width: 460px;
}
#contact table td {
	padding: 3px 0;
	vertical-align: top;
}
#contact .lblContact, #contact label {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	/*vertical-align: top;*/
	font-size: 12px;
	padding-top: 5px;
	font-weight: normal;
	text-transform: uppercase;
    width: 120px;
}
#contact .lblContact label {
	cursor: pointer;
}
#contact .villeLbl {
    margin: 2px 0 0 5px;
}
#contactmerci {
	background: transparent;
	padding: 20px 0 20px 0;
	font-weight: bold;
	font-size: 12px;
	margin: 4px 8px 0px 5px;
}
#contact input {
	width: 310px;
	height: 17px;
	margin: 0px 0 0px 6px;
	border: 1px solid #C6C6B8;
}
#contact select {
	width: 182px;
	margin: 0px 0 0px 6px;
}
#contact textarea {
	width: 310px;
	height: 90px;
	margin: 0px 0 0px 6px;
	border: 1px solid #C6C6B8;
}
#contact textarea#message {
    height: 150px;
}
#contact button {
	background: transparent url('/medias/btn_Contact.png') no-repeat;
	border: 0;
	width: 148px;
	height: 39px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0 0 3px 0;
	margin: 0 0 10px 5px;
	cursor: pointer;
}
#choix-spontanee {
	float: left;
}
#choix-spontanee input {
	width: 10px;
}
#choix-spontanee label, #num-offre label {
	width: 250px;
}
#num-offre {
	float: left;
}
#num-offre input {
	width: 80px;
	height: 15px;
}
#choix-contact {
	float: left;
	width: 550px;
	margin: 20px 0 10px 50px;
}
#choix-contact .entete{
	width:100%;
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#contact .logo-rss {
	clear:left;
	float: left;
	width: 150px;
	margin: 0 0 0 55px;
	padding: 10px 5px 20px 0;
	text-align: right;
	border-right: 1px solid #000000;
}
#contact .btn-envoyer {
	float: left;
	width: 400px;
	font-weight: bold;
}
#contact .btn-envoyer a {
	color: #000000;
}
#contact .infos-contact {
	color: #797979;
	float: left;
	width: 550px;
	margin: 20px 0 0 35px;
}


#blocD {
    float: left;
    margin: 0 0 0 40px;
}
#adresse {
    /*float: left;*/
    width: 400px;
    height: auto;
    padding: 20px 0 0 0;
    font-size: 12px;
	clear: both;
}
#mapTitre {
    background: #DB368C;
    color: #FFFFFF;
    font-size: 13px;
    height: 25px;
    padding: 5px 0 0 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#map {
	margin: 10px 0 0 0;
	float: left;
}
#deprc2c {
    float: right;
    padding: 10px;
    font-size: 12px;
    margin: 5px 0 0 0;
    background: #ACACA2;
    width: 180px;
    height: auto;
}

/*******************************************************************************
LOGIN
*******************************************************************************/
.textAuth {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.inputAuth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 2px;
}
.boutonAuth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 4px;
	margin-left: 11px;
}
.messageAuth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FB0000;
	text-align: center;
}
.titreUserAM {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h1.identification {
	margin: 0;
	padding: 0;
}
#infoLogin {
	margin: 5px 0 5px 0;
}
.formAuth{
	width: 300px;
	border: 1px solid #CCCCCC;
	padding: 20px;
	margin: 10px 0 20px 0;
}
#outputCssDebug{
	color: red;
	font-weight: bold;
}

/*******************************************************************************
PAGINATION
*******************************************************************************/
#pagination {
	display: block;
	margin: 0 auto;
	font-size: 11px;
	background: #FFFFFF;
	position: relative;
	float: left;
}
#contenu_pagination {
	float: left;
	position: relative;
	margin: 5px 10px 5px 10px;
}
.btn_next a, .btn_prev a {
	margin-top: 5px;
	display: block;
	float: left;
	outline: 0;
	border: 0;
	position: relative;
	background: none;
	z-index: 100;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.titre_pagination {
	margin: 5px 0 0 10px;
	color: #999999;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	font-size: 11px;
}
.npage, .btn_prev, .btn_next {
	display: block;
	float: left;
	position: relative;
	background: none;
}
.btn_prev, .btn_next {
	height: 20px;
	position: relative;
	background: none;
}
.npage a {
	border: 1px solid #999999;
	color: #999999;
	font-weight: bold;
	margin: 2px 1px;
	padding: 2px 3px 2px 4px;
	text-decoration: none;
	display: block;
	outline: 0;
	position: relative;
	z-index: 100;
	font-size: 11px;
}
.btn_prev a, .btn_next a {
    font-weight: normal;
}
.btn_prev a:hover, .btn_next a:hover {
    text-decoration: underline;
}
.btn_prev a {
    margin-right: 5px;
}
.btn_next a {
    margin-left: 5px;
}
.pcourante a {
	border: 1px solid #999999;
	background: #999999;
	color: #FFFFFF;
	position: relative;
	z-index: 100;
}

/*******************************************************************************
ERREUR 404
*******************************************************************************/
.texte404 {
	margin: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	line-height: 18px;
}

/*******************************************************************************
GOOGLE MAPS
*******************************************************************************/
.map {
	width: 520px;
	height: 300px;
	clear: both;
	border: 1px solid #AAAAAA;
}
.mashup {
	margin: 5px 5px 5px 15px;
}
.mashup img {
	vertical-align: -3px;
	float: left;
	margin: 0 5px 0 0;
}
.mashup .btn_mashup  a {
	display: block;
	margin: 0 0 5px 0;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}

/*******************************************************************************
LIGNE / BLOC
*******************************************************************************/
.ligne {
	float: left;
	height: auto;
	/*margin: 0 0 15px 0;*/
	margin: 0;
}
.bloc {
	float: left;
	background: #FFFFFF;
}
.ligne .dernierBloc {
	background-image: none;
}
.ligne .gabarit_2 .article {
	width: 355px;
}
.ligne .gabarit_5 .article {
	width: 230px;
}
.bloc .article {
	/*margin: 0 0 20px 0;*/
	margin: 0;
	float: left;
}

/* Bordure des articles */
#contenu .ligne .blocContenu {
    float: left;
}
.chg {
    width: 5px;
    height: 5px;
    background: transparent url('/medias/chg.png') no-repeat;
    float: left;
}
.chd {
    width: 5px;
    height: 5px;
    background: transparent url('/medias/chd.png') no-repeat;
    float: left;
}
.bg {
    width: 5px;
    height: 5px;
    background: transparent url('/medias/bg.png') repeat-y;
    float: left;
}
.bd {
    width: 5px;
    height: 5px;
    background: transparent url('/medias/bd.png') repeat-y;
    float: left;
}
.bh {
    height: 5px;
    background: transparent url('/medias/bh.png') repeat-x;
    float: left;
}
.bb {
    height: 5px;
    background: transparent url('/medias/bb.png') repeat-x;
    float: left;
}
.cbg {
    width: 5px;
    height: 5px;
    background: transparent url('/medias/cbg.png') no-repeat;
    float: left;
}
.cbd {
    width: 5px;
    height: 5px;
    background: transparent url('/medias/cbd.png') no-repeat;
    float: left;
}

/*******************************************************************************
GABARIT
*******************************************************************************/
/*#contenu .gabarit_Site_5 #blocContenu_1 .article {
	background: transparent url('/medias/fond_gab5_col1.png') no-repeat;
	width: 303px;
	height: 135px;
}
#contenu .gabarit_Site_5 #blocContenu_2 .article {
	background: transparent url('/medias/fond_gab5_col2.png') no-repeat;
	width: 303px;
	height: 135px;
}
#contenu .gabarit_Site_5 #blocContenu_3 .article {
	background: transparent url('/medias/fond_gab5_col3.png') no-repeat;
	width: 303px;
	height: 135px;
}
#contenu .gabarit_Site_5 .article .description .chapeau {
    margin-bottom: 10px;
}
#contenu .gabarit_Site_4 .sansOmbre {
    background: transparent;
}*/
/*******************************************************************************
BLOG
*******************************************************************************/
#global-blog {
	margin: 25px auto 0 auto;
	padding: 0 0 0 0;
	width: 960px;
}
#global-blog #corps {
	float: left;
	width: 617px;
	margin: 0 0 0 5px;
	padding: 0;
}
#global-blog #corps #contenu {
	margin: 0 0 8px 0;
	/*background: #FFFFFF;*/
	background: transparent;
	padding-bottom: 5px;
}
#global-blog #contenu div.ligne {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	background: transparent;
}
#global-blog #contenu div.ligne {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0px 10px;
	background: transparent;
}
#blocDroite {
    float: right;
    margin: 17px 0 0 0;
    width: 300px;
}
#global-blog .article h2 {
    font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	background: none;
	text-transform: none;
	padding: 5px 0px 5px 0px;
}
#global-blog .article .description h2 a {
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #666666;
	font-size: 15px;
	font-weight: bold;
}
#global-blog .article .description h2 a:hover {
    color: #2E86A3;
}
#global-blog .article .tags {
    padding: 5px 0px 5px 0px;
    font-size: 11px;
    color: #999999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#global-blog .article .tags a {
    font-weight: normal;
    color: #999999;
    font-size: 11px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#global-blog .article .tags a:hover {
    color: #D21F7D;
    text-decoration: none;
}
#global-blog .article .tags a:hover {
    color: #D72A85;
}
#global-blog .lien_coms {
    float: right;
    height: 20px;
    font-size: 11px;
    color: #999999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 5px 0px 0px 5px;
}
#global-blog .lien_fb {
    float: right;
    height: 20px;
    font-size: 11px;
    color: #999999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 5px 0px 0 12px;
}
#global-blog .hr {
   
    height: 15px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 617px;
    clear: both;
}
#global-blog #blocDroite hr {
    background: #E1E1D0;
    color: #E1E1D0;
    height: 5px;
    width: auto;
    border: 0;
    margin: 0 0 5px 3px;
}
#global-blog .titreRubrique {
    background: transparent url('/medias/titre_categorie.png') no-repeat;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-weight: normal;
    height: 23px;
    font-size: 13px;
    margin: 0;
    padding: 29px 0 0 60px;
}

/*******************************************************************************
BLOC DROITE - BLOG
*******************************************************************************/
#blocDroite h2 {
    font-family: Trebuchet MS;
    margin: 0;
	font-size: 13px;
	font-weight: normal;
	color: #4C4C4C;
	text-transform: uppercase;
	background: transparent url('/medias/puce_titre.gif') no-repeat 5px 8px;
	padding: 3px 5px 3px 20px;
}
#blocDroite h3 {
    font-family: Trebuchet MS;
    margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #D31F7D;
	text-transform: none;
	background: transparent;
	padding: 3px 5px 1px 5px;
}
#categorie {
	background: transparent url('/medias/fondBlocD.png') repeat;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
	width: 280px;
	padding: 3px 10px 5px 10px;
	position: relative;
}
#categorie ul {
	list-style-type: none;
	margin: 5px 0 10px 5px;
	padding: 0px;
	width: 180px;
}
#categorie ul li {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	position: relative;
}
#categorie ul li a {
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #3287A5;
}
#categorie ul li.rub_courante a {
    color: #D72A85;
}
#categorie ul li a:hover {
    text-decoration: none;
    color: #D72A85;
}
#a-propos {
	background: transparent url('/medias/fondBlocD.png') repeat;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
	width: 280px;
	padding: 3px 10px 10px 10px;
	position: relative;
}
#a-propos p {
    font-weight: normal;
    margin: 5px 0 0 2px;
}
#a-propos p.txtMembre {
    margin: 0 0 0 50px;
}
#a-propos img {
    float: left;
    margin: 0 0 2px 2px;
}
#a-propos a {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #57574D;
    margin-right: 5px;
    line-height: 20px;
}
#a-propos a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #D21F7D;
    font-size: 12px;
}
#tags {
	background: transparent url('/medias/fondBlocD.png') repeat;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
	width: 280px;
	padding: 3px 10px 10px 10px;
	position: relative;
}
#tags a {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #57574D;
    margin-right: 5px;
    line-height: 20px;
}
#tags a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #D21F7D;
    font-size: 12px;
}
#tags ul.liste_tag {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 3px;
}
#tags ul.liste_tag li {
    display: inline;
}
#last-post {
    background: transparent url('/medias/fondBlocD.png') repeat;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
	width: 280px;
	padding: 3px 10px 10px 10px;
	position: relative;
}
#last-post a, #last-com a {
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    margin: 0 2px 0 5px;
}
#last-post a:hover, #last-com a:hover {
    color: #D72A85;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
}
#last-com {
    background: transparent url('/medias/fondBlocD.png') repeat;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
	width: 280px;
	padding: 3px 10px 10px 10px;
	position: relative;
}
.pubGeniap {
    display: block;
    margin: 8px 0 15px 0;
}

/*******************************************************************************
RECHERCHE
*******************************************************************************/
#module_recherche {
    background: #FFFFFF;
    margin: 15px 0 10px 0;
    padding: 5px 10px;
}
#module_recherche ol.olRecherche {
    padding-left: 20px;
}
#module_recherche .results {
    margin-top: 0;
}
#recherche {
    background: transparent url('/medias/bordMenu_D.jpg') no-repeat 100% 0;
    float: left;
    width: 130px;
    height: 28px;
    margin: 0;
    padding: 9px 5px 0 3px;
}
#recherche #recherche_input {
    width: 100px;
    border: 1px solid #E0E0CF;
    border-left: 0;
    margin: 1px 0 0 0;
    padding: 1px 0 0 0;
    float: left;
    height: 17px;
    font-size: 12px;
}
#recherche #btn_recherche {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 24px;
    background: transparent;
}

/*******************************************************************************
PLAN DU SITE
*******************************************************************************/
#plan {
    width: 960px;
}
#plan div.listePage {
    background: #FFFFFF;
    width: 400px;
    /*width: 950px;*/
    height: auto;
    float: left;
}
#plan div.listeMC {
    background: #FFFFFF url('/medias/fondRef.jpg') repeat-y;
    width: 550px;
    height: auto;
    float: left;
}
#plan ul.menu {
    list-style-type: none;
    margin: 10px 0 0 10px;
    padding: 0;
}
#plan ul.menu li {
    font-family: Trebuchet MS;
	margin: 5px;
	font-size: 13px;
	font-weight: normal;
	color: #4C4C4C;
	text-transform: uppercase;
	background: transparent url('/medias/puce_titre.gif') no-repeat 5px 8px;
	padding: 3px 5px 3px 20px;
}
#plan ul.menu li a {
    text-decoration: none;
}
#plan ul.menu li ul.menu {
    margin: 0;
    padding: 0;
}
#plan ul.menu li ul.menu li {
    background: transparent url('/medias/puce.gif') no-repeat 5px 8px;
    text-transform: none;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 2px 0 0 16px;
}
#plan div.listeMC ul.liste_tag {
    position: relative;
    float: left;
    width: 520px;
    margin: 0px 10px 10px 20px;
    padding: 0;
    background: transparent;
    text-transform: none;
    text-align: left;
}
#plan div.listeMC ul.liste_tag li {
    width: auto;
    display: inline;
    float: none;
    text-transform: none;
    text-align: left;
    margin: 0;
    padding: 0;
}
#plan div.listeMC ul.liste_tag li a {
    width: auto;
    display: inline;
    float: none;
    text-align: left;
    color: #848477;
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
    margin: 0 5px 0 0;
    padding: 0;
}
#plan div.listeMC ul.liste_tag li a:hover {
    color: #D21F7D;
    background: transparent;
}
#plan div.listeMC div.titreMC {
    font-family: Trebuchet MS;
	margin: 10px 5px 5px 15px;
	font-size: 13px;
	font-weight: normal;
	color: #4C4C4C;
	text-transform: uppercase;
	background: transparent url('/medias/puce_titre.gif') no-repeat 5px 8px;
	padding: 3px 5px 3px 20px;
}

/*******************************************************************************
POUR IMPRESSION
*******************************************************************************/
@page {

}
@media print {
    .pasPrint {
        display: none;
    }
    #bande_grise {
        margin: 0;
        padding: 0;
    }
    #contenuActualite {
        float: left;
        left: 0;
        position: relative;
        top: 0;
        width: auto;
    }
    .cadreActualite {
        width: 500px;
    }
    p {
        text-align:left;
    }
}


/*******************************************************************************
**		COMMENTAIRES
*******************************************************************************/

.article .lien_coms a{
	background:url('/medias/commentaire.png') no-repeat top left;
	padding:0 0 0 20px;
	color:#999999;
	text-decoration:none;
	font-weight:normal;
}
.article .lien_coms a:hover{
	color:#999999;
	text-decoration:underline;
}
.tFormCommentaire {
    display: block;
    background: #F4F4EF;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 5px;
    width: 597px;
}
.tFormCommentaire td {
	vertical-align: top;
	white-space: nowrap;
	padding: 1px 5px;
	width: 110px;
}
.tFormCommentaire td.ajoutCom {
    text-transform: uppercase;
    color: #000000;
    font-size: 13px;
    margin: 0;
    font-family: Trebuchet MS;
    /*float: left;*/
    width: auto;
}
.tFormCommentaire label {
	display: block;
	color: #000000;
	font-weight: bold;
	text-align: right;
	font-family: Trebuchet MS;
	font-size: 10px;
	width: 110px;
	width: 110px;
}
.tFormCommentaire input{
	border: 1px solid #DFDFD0;
	margin: 0 0 0 5px;
	padding: 1px;
}
.tFormCommentaire input.bouton {
    background: #D31F7D;
    color: #FFFFFF;
    border: 0;
    text-transform: uppercase;
    font-family: Trebuchet MS;
    float: left;
    margin: 5px 0 10px 126px;
    font-size: 13px;
    width: 190px;
}
.tFormCommentaire input,
.tFormCommentaire textarea{
    width: 250px;
    border: 1px solid #DFDFD0;
	font-family: Arial, sans-serif;
}
.tFormCommentaire input.erreur, .tFormCommentaire textarea.erreur{
	background: #FEF1EC;
	border: 1px solid #CD0A0A;
}
.tFormCommentaire label.erreur {
	background: #FEF1EC url(/medias/warning.gif) no-repeat 4px 4px;
	margin: 2px 0 0 5px;
	border: 1px solid #CD0A0A;
	padding: 3px 4px 2px 20px;
	font-weight: normal;
	text-align: left;
	color: #CD0A0A;
	width: 150px;
	min-height: 14px;
	height: auto;
	display: block;
}
.header_commentaires .qteCom {
    float: left;
}
.header_commentaires .qteCom span {
    vertical-align: 3px;
}
.header_commentaires .rssCom {
    float: right;
}

div.erreur {
	display: none;
}
li.commentaire {
	background: #F4F4EF;
	padding: 0 5px 5px 5px;
	margin: 0 0 5px 0;
	list-style-type: none;
}
li.commentaire h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 5px;
	color: #6B6B5F;
	font-family: Trebuchet MS;
}
.commentaires .pair {
	background:#E8E8E8;
}
.infos_post {
	margin: 5px 0 5px 5px;
	color: #666666;
	background: transparent url('/medias/pictoPostCom.jpg') no-repeat 0 2px;
	float: left;
}
.infos_post .commentateur {
	font-family: Trebuchet MS;
	font-weight: bold;
	padding: 0 0 0 18px;
	font-size: 10px;
	color: #000000;
}
.date_post, .heure_post {
	font-size: 10px;
	font-family: Trebuchet MS;
	color: #57574C;
	font-weight: normal;
}
.post {
	font-size: 10px;
	color: #57574D;
	padding: 0 0 10px 5px;
}
.commentaire a.reponse {
	font-weight: bold;
	font-size: 10px;
	font-family: Trebuchet MS;
	text-decoration: none;
	color: #D21F7D;
}
.commentaire a.reponse:hover {
	text-decoration: underline;
}
ul.bloc_commentaire {
	margin: 5px 0 0 0;
	padding: 0;
}
.bloc_com_0 {
	border: 0;
}
.star {
	padding-right: 5px;
}
.lien_reponse {
	float: right;
	margin: 0 2px 0px 0;
}
.header_commentaires {
	color: #999999;
	font-size: 11px;
	margin: 5px 0 0 0;
	padding: 0;
	/*float: left;*/
	font-family: Trebuchet MS;
}
.header_commentaires a {
	background: transparent url('/medias/rss.gif') no-repeat right 1px;
	margin: 0;
	padding: 0 17px 0 0;
	color: #999999;
	font-family: Trebuchet MS;
	font-size: 11px;
	display: block;
	float: right;
	text-decoration: none;
}
.header_commentaires a:hover {
	text-decoration: underline;
}

/*******************************************************************************
**		ACTUALITES
*******************************************************************************/
#lesActus {
    background: transparent url('/medias/fondActu.png') no-repeat;
    width: 287px;
    height: 326px;
    padding: 5px 8px 0 5px;
    float: left;
    position: relative;
}
#lesActus #blocActu {
    background: #E657A2 url('/medias/fondTitreActu.png') repeat-x;
    color: #FFFFFF;
    height: 23px;
    font-size: 13px;
    padding: 3px 0 0 10px;
    font-family: Trebuchet MS;
    text-transform: uppercase;
}
#lesActus #date {
    margin: 5px 10px 10px 10px;
    color: #999999;
    float: left;
    width: 200px;
    font-size: 11px;
    font-family: Trebuchet MS;
}
#lesActus #date a {
    color: #999999;
}
#lesActus #date a:hover {
    color: #D21F7D;
}
#lesActus #titreActu {
    margin: 0px 10px 5px 10px;
    font-size: 15px;
    font-weight: bold;
    clear: both;
}
#lesActus #titreActu a {
    text-decoration: none;
}
#lesActus #titreActu a:hover {
    color: #2E86A3;
    text-decoration: none;
}
#lesActus p {
    margin: 0px 10px 0px 10px;
    padding: 0;
    font-size: 12px;
}
#lesActus .mediaActu {
    margin: 3px 0 2px 10px;
}
#lesActus div.actuContenu {
    overflow: hidden;
    height: 280px;
}
#lesActus #pictoAction a {
    display: block;
    margin: 0 3px 0 0;
    float: left;
}
#lesActus #pictoAction {
    width: 50px;
    margin: 5px 0 0 0;
    float: right;
}
#lesActus .accroche {
    font-weight: normal;
}
#lesActus p.lireSuite {
    position: absolute;
    background: transparent url(/medias/fond_LireSuite.png) repeat-x 0 0;
    margin: 0;
    padding: 15px 0 0 10px;
    width: 277px;
    height: 40px;
    bottom: 0;
    display: block;
}
#lesActus p.lireSuite a {
    font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: bold;
    color: #D21F7D;
    margin: 9px 0 0 0;
    float: left;
    text-decoration: none;
}
#lesActus p.lireSuite a:hover {
    text-decoration: underline;
}
#lesActus div.divArticleImgGauche {
    margin: 0 0 5px 0;
}
#lesActus div.divArticleImgGauche embed {
    margin: 0 0 0 10px;
}

/*******************************************************************************
**		ACCUEIL
*******************************************************************************/
h1.accueil {
    color: #4C4C4C;
    font-size: 13px;
    padding: 0;
    margin: 0 0 0 4px;
    font-family: Trebuchet MS;
    font-weight: normal;
    text-transform: uppercase;
}
#infoAccueil {
    float: left;
    margin: 0 0px 0 5px;
}
#infoAccueil a {
	text-decoration: none;
}
#articleAccueil {
    background: transparent url('/medias/fondContenuAccueil.png') no-repeat;
    width: 655px;
    height: 180px;
    padding: 0;
    float: left;
}
#articleAccueil .article {
    margin: 10px 10px 0 10px;
}
#articleAccueil .article .chapeau, #articleAccueil .article .texte {
    /*margin: 0 5px 0 5px;*/
}
#articleAccueil .article .chapeau p, #articleAccueil .article .texte p {
    font-size: 12px;
}
#blocGeniap {
    background: transparent url('/medias/fondBlocGeniap.png') no-repeat;
    width: 445px;
    height: 70px;
    margin: 5px 0 0 2px;
    padding: 16px 0 0 0;
}
#blocGeniap p {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 0 0 170px;
    line-height: 16px;
}
#blocGeniap a {
    display: block;
}
#rc2c-com {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -139px;
}
#rc2c-com {position:absolute;right:10px;top:0;text-align:center;margin:0;width:268px;height:51px;background:url(/medias/lien-web-bg.png) 50% 100% no-repeat;}
#rc2c-com a {position:absolute;top:0;display:block;background:url(/medias/lien-web-span-bg.png) 50% 0 no-repeat;width:268px;height:37px;text-transform:uppercase;text-decoration:none;color:#fff;font-size:14px;font-weight:bold;padding-top:15px;}

/*******************************************************************************
**		REFERENCES
*******************************************************************************/
#accueil #chargement {
    position: absolute;
    top: 50px;
    left: 80px;
}
#accueil #references-cache {
    overflow: hidden;
    /*display: block;*/
    height: 250px;
    left: 0;
    width: 100%;
    position: absolute;
    clear: both;
    margin: 0 0 5px 0;
}
#accueil #references-details {
    position: absolute;
    width: 960px;
    left: 50%;
    margin-left: -472px;
    height: 245px;
    z-index: 10;
}
#accueil #references-haut {
    position: absolute;
    background: transparent url('/medias/ref_Haut.png') no-repeat;
    width: 960px;
    height: 20px;
    left: 50%;
    margin-left: -480px;
}
#accueil #references-centre {
    position: absolute;
    background: transparent url('/medias/ref_Centre.png') repeat-y;
    width: 960px;
    height: 225px;
    margin-top: 20px;
    left: 50%;
    margin-left: -480px;
}
#accueil #references-bas {
    position: absolute;
    background: transparent url('/medias/ref_Bas.png') no-repeat;
    width: 960px;
    height: 5px;
    top: 245px;
    left: 50%;
    z-index: 10;
    margin-left: -480px;
}
#accueil #references {
    position: absolute;
    width: 960px;
    left: 50%;
    padding-top: 5px;
    margin-left: -477px;
    height: 240px;
    z-index: 100;
}
#accueil #references ul {
    position: relative;
    list-style-type: none;
    margin: 0 0 0 2px;
    padding: 0;
    float: left;
}
#accueil #references ul li {
    position: absolute;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}
#accueil #references ul li img {
    float: left;
    /*width: 0px;
    height: 120px;*/
}
#accueil #contRef, #contRef {
    background: #FFFFFF;
    position: absolute;
    top: 5px;
    left: -3px;
    overflow: hidden;
}
#accueil #references ul li div.selectRef {
    width: 190px;
    height: 120px;
    background: transparent url('/medias/refDejaVu.png') no-repeat;
    position: absolute;
    z-index: 2;
    display: none;
    cursor: pointer;
}
#accueil #references ul li div.dejaVu {
    width: 191px;
    height: 120px;
    /*background: #D21F7D;*/
    background: transparent url('/medias/dejavu.png') no-repeat;
    position: absolute;
    z-index: 3;
    display: none;
    cursor: pointer;
}

/* Références portfolio */
#portfolio {
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
}
#portfolio ul#listeRefTop {
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
}
#portfolio ul#listeRefTop li {
    display: block;
    float: left;
    width: 310px;
    height: auto;
    background: transparent;
    margin: 0 15px 0 0;
    padding: 0;
    list-style-type: none;
}
#portfolio ul#listeRefTop li div.contRef, #portfolio ul#listeRefListe li div.contRef {
    float: left;
    background: #FFFFFF;
}
#portfolio ul#listeRefTop li.derniereRef {
    margin-right: 0;
}
#portfolio ul#listeRefListe, #portfolio ul#listeBlogListe {
    float: left;
    margin: 0;
    padding: 0;
}
#portfolio ul#listeBlogListe {
    background: #FFFFFF;
}
#portfolio ul#listeBlogListe li {
    list-style-type: none;
    background: transparent url(/medias/puce_titre.gif) no-repeat 0 8px;
    margin: 5px 0 0 10px;
    padding: 5px 10px 5px 16px;
}
#portfolio ul#listeBlogListe li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
}
#portfolio ul#listeRefListe li.derniereRef {
    padding-bottom: 0px;
    border: 0;
}
#portfolio ul#listeRefListe li {
    display: block;
    float: left;
    width: 960px;
    height: auto;
    background: #FFFFFF;
    border-bottom: 1px dashed #BEBE9A;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#portfolio .contRef .titreRef {
    background: transparent url(/medias/puce_titre.gif) no-repeat scroll 5px 5px;
    color: #4C4C4C;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 5px 0 5px;
    padding: 0px 5px 4px 20px;
    text-transform: uppercase;
}
#portfolio .contRef .client {
    margin: 8px 5px 1px 10px;
    font-family: Trebuchet MS;
    font-size: 12px;
}
#portfolio .contRef .titreRef a, #portfolio .contRef .titreRef a:hover {
    text-decoration: none;
    color: #000000;
}
#portfolio .contRef .urlRef a, #portfolio .contRef .titreRef a.lienSite {
    color: #D72A85;
    margin: 0 0 0 10px;
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
    text-transform: none;
}
#portfolio .contRef .urlRef a:hover, #portfolio .contRef .titreRef a.lienSite:hover {
    text-decoration: underline;
}
#portfolio .contRef hr {
    background: #E1E1D0;
    color: #E1E1D0;
    border: 0 none;
    height: 3px;
    margin: 6px 5px 0 10px;
}
#portfolio .contRef .descRef, #portfolio .contRef .descTechRef {
    padding: 5px 10px;
    font-size: 12px;
}
#portfolio .contRef .pictoRef, .detailRef .pictoRef {
    margin: 0 0 0 10px;
}
#portfolio .contRef .pictoRef a , .detailRef .pictoRef a {
	padding:3px;

}
.detailRef .pictoRef {
	margin-top:2px;
	padding:3px;

}
#global div.client a {
    text-decoration: none;
}
#global div.client a:hover {
    color: #000000;
}
#portfolio #listeRefListe .detailRef {
    float: left;
    display: none;
    margin: 5px 10px 10px 10px;
}
#fermer {
    position: relative;
    float: right;
    margin: 10px 18px 10px 10px;
    cursor: pointer;
    z-index: 102;
    color: #D21F7D;
    text-transform: uppercase;
    display: none;
}
#fermer p {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
}
#fermer img {
    margin: 2px 0 0 0;
}
.overRef {
    position: absolute;
    z-index: 250;
    top: 0;
    left: 0;
}


/*******************************************************************************
**		CONTENU REFERENCES
*******************************************************************************/
#contRef h2, #listeRefListe h2 {
    background: transparent url(/medias/puce_titre.gif) no-repeat scroll 5px 8px;
    color: #4C4C4C;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 5px 0 5px;
    padding: 3px 5px 3px 20px;
    text-transform: uppercase;
}
#contRef .client, #listeRefListe .client {
    margin: 8px 5px 1px 10px;
    font-family: Trebuchet MS;
    font-size: 12px;
}
#contRef .tags, #listeRefTop .tags, .detailRef .tags {
    color: #848477;
    font-family: Trebuchet MS;
    font-size: 12px;
    margin: 0px 0 0 10px;
}
#contRef .tags .intitule_tags, #listeRefTop .tags .intitule_tags, .detailRef .tags .intitule_tags {
    font-weight: bold;
}
#contRef .tags a, #listeRefTop .tags a, .detailRef .tags a {
    color: #848477;
    font-family: Trebuchet MS;
    text-decoration: none;
    font-size: 12px;
    margin: 0;
}
#contRef .tags a:hover, #listeRefTop .tags a:hover, .detailRef .tags a:hover {
    color: #D72A85;
    font-family: Trebuchet MS;
    text-decoration: none;
    font-size: 12px;
    margin: 0;
}
#listeRefListe .imgG {
    width: 300px;
    height: 189px;
    float: left;
}
#contRef .imgG {
    width: 381px;
    height: 240px;
    float: left;
}
#contRef .txtD {
    background: transparent url('/medias/fondRef.jpg') repeat-y;
    width: 548px;
    float: left;
    padding: 0 0 0 15px;
    margin: 0;
}
#listeRefListe .txtD {
    background: transparent;
    width: 619px;
    float: left;
    padding: 0 0 0 5px;
    margin: 0;
}
#portfolio ul#listeRefTop ul.enjeux {
    margin: 0;
    padding: 0;
}
#portfolio ul#listeRefListe .txtD ul.enjeux li, #portfolio ul#listeRefTop ul.enjeux li {
    width: auto;
    font-family: Trebuchet MS;
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 12px;
    border-bottom: 0;
    float: none;
    background: transparent url('/medias/puce.gif') no-repeat 0 5px;
}
#contRef .urlRef a, #listeRefListe .urlRef a {
    color: #D72A85;
    margin: 0 0 0 10px;
    text-decoration: none;
	font-size:12px;
}
#contRef .urlRef a:hover,  #listeRefListe .urlRef a:hover {
    text-decoration: underline;
}
#contRef hr,  #listeRefListe hr {
    background: #E1E1D0;
    color: #E1E1D0;
    height: 5px;
    border: 0;
    margin: 6px 5px 0px 10px;
}
#contRef h3,  #listeRefListe h3 {
    margin: 5px 0 0 10px;
    font-size: 12px;
}
#contRef p,  #listeRefListe p {
    margin: 0 0 10px 10px;
    font-size: 12px;
	font-family: Arial;
}
#contRef ul,  #listeRefListe ul {
    margin: 2px 0 0 10px;
    padding: 0;
    /*float: left;*/
}
#contRef li,  #listeRefListe li {
    list-style-type: none;
	background-image: url(/medias/puce.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*******************************************************************************
**		EQUIPE
*******************************************************************************/
#equipe {
    background: transparent;
    width: 645px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 8px 0 0 8px;
    float: left;
}
#equipe p {
    margin: 0 0 0 50px;
    padding: 0;
    line-height: 11px;
    height: 45px;
}
#equipe p span.poste {
    margin-top: 3px;
    float: left;
}
#equipe img {
    float: left;
}
#equipe a {
    text-decoration: none;
}
#equipe .groupe {
	float: left;
	width: 210px;
}