/*-------------------------------------*/
/*-------------  HTML ----------------*/
/*------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-image : url(../medias/body-bg.jpg);
	background-repeat : repeat-x;
	background-position : top;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	color : #91969F;
}
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight : normal;
	border:1px solid #dfe6eb;
	color : #91969F;
	margin:4px;
	font-size: 11px;
}

.csc-mailform-field label {
	color:#50B5E8;
	display:block;
	font-weight : bold;
	float:left;
	margin:4px;
	padding-right:5px;
	text-align:right;
	width:120px; 
}
input[type="text"]:hover, textarea:hover {
	background-color : #fffff9;
}
a, a:hover {
	color : #91969F;
}
strong, b, .gras {
	font-weight: bold;
}

.texteSmall{
font-size:10px;
}

img {
	border: 0;
}

.block {
	display: block;
}
.blockLeft {
	display: block;
	float : left;
}
.blockRight {
	display: block;
	float : right;
}
.blockCenter {
	display: block;
	margin: 0 auto;
}
.clear {
	clear: both;
	width : 0;
	height : 0;
	display : block;
}

.clearLeft{
clear:left;
}
/*hack IE6 et IE7*/
*+html .clear, *html .clear {
	display : none !important;
}

.mini {
	font-size : 9px;
	font-weight : inherit;
}



/*---------------------------------*/
/*------------ HEADER -------------*/
/*---------------------------------*/
#headerContainer {
	display : block;
	position : relative;
	margin: 0 auto;
	width : 964px;
	height : 126px;
	background-image : url(../medias/header-bg.jpg);
	background-repeat : no-repeat;
	z-index : 2;
}
#headerLogo {
	display : block;
	position : relative;
	width : 188px;
	height : 115px;
	float : left;
}
#headerMenu {
	display : block;
	position : relative;
	width : 676px;
	height : 20px;
	margin-top : 75px;
	float : left;
	z-index:1;
}
#headerMenu ul {
	position: relative;
	display : block;
	width : auto;
	height : auto;
	float : right;
}
#headerMenu li {
	position : relative;
	display : inline;
	margin-right : 6px;
	color: #91969f;
	font-weight : bold;
}
#headerMenu li a {
	text-decoration : none;
	margin-left : 6px;
	color: #91969f;
	text-decoration : none;
}
#headerMenu li a:hover {
	color: #2ab5e8;
}

#headerRecherche {
	position: absolute;
	display : block;
	width : 220px;
	height : 22px;
	top : 3px;
	left : 744px;
	z-index:0;
}
#headerRecherche .label {
	position: relative;
	display : block;
	width : 73px;
	height : 18px;
	color : #2ab5e8;
	float : left;
	font-weight : bold;
}
#headerRecherche .saisie {
	position: relative;
	display : block;
	width : 105px;
	height : 14px;
	color : #91969F;
	float : left;
	margin-right : 6px;
	font-size : 11px;
}
#headerRecherche .btn {
	position: relative;
	display : block;
	width : auto;
	height : auto;
	float : left;
	border : none;
}

#blocCallback{
width:235px;
position:absolute;
top : 56px;
left : 729px;
}

#headerCallBackOff {
	/*position: absolute;*/
	display : block;
	visibility : visible;
	width : 95px;
	height : 67px;
	/*top : 56px;*/
	/*left : 869px;*/
	z-index : 2;
	text-align : right;
	float:right;
}
#headerCallBackOn {
	position: absolute;
	display : none;
	visibility : hidden;
	background-image : url(../medias/callBackOn.png);
	background-repeat : no-repeat;
	width : 235px;
	height : 193px;
	top:0px;
	/*left : 729px;*/
	z-index : 4;
}
#headerCallBackOn form {
	/*position: absolute;*/
	display : block;
	width : 195px;
	height : 145px;
	margin-top : 36px;
	margin-left : 15px;
	z-index : 2;
	color : White;
}
#headerCallBackOn form label {
	position: relative;
	display : block;
	width : 195px;
	height : 20px;
}
#headerCallBackOn form label input {
	position: absolute;
	display : block;
	width : 105px;
	height : 14px;
	font-size : 11px;
	left : 90px;
	top:0;
}
#headerCallBackOn .btn {
	position: relative;
	display : block;
	width : auto;
	height : auto;
	float : left;
	border : none;
	margin-left : 8px;
}
/*---------------------------------*/
/*------------ CONTENT -------------*/
/*---------------------------------*/
#contentContainer {
	display : block;
	position : relative;
	margin: 0 auto;
	width : 964px;
	/*height :500px;*/
	/*min-height:500px;*/
	height:auto;
	min-height:500px;
}
#contentHomeGauche {
	display : block;
	position : relative;
	width : 491px;
	height : auto;
	min-height:500px;
	float : left;
}
#contentHomeDroite {
	display : block;
	position : relative;
	width : 451px;
	height : 500px;
	min-height:500px;
	float : left;
	padding-left:22px;
}

#colonneGauche{
    float : left;
}

#contentIntGauche {
	display : block;
	position : relative;
	width : 230px;
	height : auto;
	min-height:550px;
	float : left;
}
#contentIntCentre {
	display : block;
	position : relative;
	width : 485px;
	height : auto;
	min-height:555px;
	float : left;
	background-image : url(../medias/contentIntCentre-bg.gif);
	background-repeat : no-repeat;
	padding-top:25px;
	padding-right:15px;
}
#contentIntDroite {
	display : block;
	position : relative;
	width : 234px;
	height : auto;
	min-height:555px;
	float : left;
	background-image : url(../medias/contentIntDroite-bg.gif);
	background-repeat : no-repeat;
	padding-top:25px;
}
/*---------------------------------*/
/*------------ FOOTER -------------*/
/*---------------------------------*/
#footerContainer {
	display : block;
	position : relative;
	margin: 0 auto;
	width : 964px;
	height : 66px;
	min-height:66px;
	background-image : url(../medias/footer-bg.jpg);
	background-repeat : repeat-x;
}
#footerContact {
	display : block;
	position : relative;
	width : 471px;
	height : 40px;
	float : left;
	margin-top:16px;
	border-right :1px solid #91969F;
	text-align : right;
	padding-right : 10px;
	padding-top : 4px;
	line-height : 17px;
}
#footerTechno {
	display : block;
	position : relative;
	width : 482px;
	height : 58px;
	float : left;
	margin-top:8px;
}


/*---------------------------------*/
/*------------ HOME -------------*/
/*---------------------------------*/
#homeFlashRotatif {
	/*display : block;*/
	position : relative;
	width : 491px;
	height : auto;
	min-height:202px;
	margin-bottom : 15px;
	margin-top : 5px;
}
.homeBlockEntreeG {
	display : block;
	position : relative;
	width : 123px;
	height : auto;
	min-height:155px;
	margin-bottom : 10px;
	float : left;
}
.homeBlockEntreeD {
	display : block;
	position : relative;
	width : 122px;
	height : auto;
	min-height:155px;
	margin-bottom : 10px;
	float : left;
	text-align : right;
}
.homeBlockEntreeC {
	display : block;
	position : relative;
	width : 491px;
	height : auto;
	min-height:100px;
	margin-bottom : 5px;
	float : left;
	text-align : right;
}
#homeBloc01 {
	display : block;
	position : relative;
	width : 451px;
	height : 308px;
	background-image : url(../medias/home-bloc01-bg.jpg);
	background-repeat : no-repeat;
	padding-bottom : 7px;
}
#blocBlog {
	display : block;
	position : relative;
	width : 24px;
	height : 308px;
	float : left;
}
#blocListe {
	display : block;
	position : relative;
	width : 392px;
	height : 278px;
	padding : 15px;
	padding-top : 20px;
	float : left;
}
#blocListe2 {
	display : block;
	position : relative;
	width : 193px;
	/*height : 500px;*/
	height:auto;
	margin-left:27px;
	padding-bottom : 35px;
}
#blocListe ul {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-bottom : 26px;
}

#blocListe img{
    padding-bottom:2px;
}

.blocDernieresNews{
   /*padding-bottom:26px;*/
}

#blocListe2 ul {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	
}
#blocListe ul.premier, #blocListe2 ul.premier {
	padding-top : 0px;
}
#blocListe ul li, #blocListe2 ul li {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	margin:0;
	padding:0;
}
#blocListe ul li a, #blocListe2 ul li a {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-left : 13px;
	padding-bottom : 2px;
	background-image : url(../medias/puce-li-bleu.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	text-decoration : none;
}
#blocListe ul li a:hover, #blocListe2 ul li a:hover {
	color:#2AB5E8;
	text-decoration : none;
}
/*#blocListe2 ul li.lienOrange {
	color:#E43D00;
	text-align : right;
	padding-top:5px;
}
#blocListe2 ul li.lienOrange a, #blocListe2 ul li.lienOrange a:hover {
	color:#E43D00;
	text-decoration : underline;
	background-image : none;
	font-size : 11px;
	font-weight : bold;
}*/

#blocListe2 .lienOrange{
    color:#E43D00;
	text-align : right;
	padding-top:5px;
}

#blocListe2 .lienOrange a{
   color:#E43D00;
	text-decoration : underline;
	background-image : none;
	font-size : 11px;
	font-weight : bold;
}


#homeBloc02 {
	display : block;
	position : relative;
	width : 214px;
	height : 162px;
	float : left;
	padding-right:10px;
	padding-bottom : 5px;
	padding-top : 10px;
	text-align : justify;
}
#homeBloc02 a, #homeBloc02 a:hover {
	text-decoration : none;
}
#homeBloc03 {
	display : block;
	position : relative;
	width : 227px;
	height : 177px;
	float : left;
	background-image : url(../medias/home-bloc03-bg.jpg);
	background-repeat : no-repeat;
	padding-top:0px;
	padding-left : 0px;
}
#homeFlashProjets {
	display : block;
	position : absolute;
	width : 219px;
	height : 126px;
	top:40px;
	left : 6px;
}


/*---------------------------------*/
/*------------ INT -------------*/
/*---------------------------------*/
#contentIntCentre .grosTitre {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-bottom:15px;
	padding-right:12px;
	font-size : 17px;
	color : #E43D00;
	font-weight : bold;
}
#contentIntCentre .titre {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-bottom:3px;
	font-size : 13px;
	color : #E43D00;
	font-weight : bold;
}
#contentIntCentre .texte {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-bottom:20px;
}
#contentIntCentre .texteNote {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-bottom:20px;
	font-size : 10px;
	font-style : italic;
}

.separateur{
background-color:#CCCCCC;
height:1px;
}

#tagOff {
	display : block;
	position : relative;
	visibility : visible;
	width : 228px;
	height : 50px;
	padding-left:5px;
}
#tagOn {
	display : none;
	position : absolute;
	visibility : hidden;
	width : 228px;
	height : 550px;
	z-index : 2;
	top:5px;
	left:5px;
}
#tagOn .haut {
	display : block;
	position : relative;
	width : 228px;
	height : 40px;
}
#tagOn .centre {
	display : block;
	position : relative;
	width : 200px;
	height : 415px;
	background-repeat : repeat;
	background-image : url(../medias/tagOn-bg.gif);
	text-align : justify;
	padding-left:18px;
	padding-right:10px;
	padding-bottom:20px;
}
#tagOn .centre a, #tagOn .centre a:hover {
	color:white;
	text-decoration : none;
}
#tagOn .potar {
	display : block;
	position : relative;
	width : 228px;
	height : 45px;
	background-repeat : no-repeat;
	background-image : url(../medias/tagPotar-bg.gif);
}
#tagOn .moins {
	display : block;
	position : absolute;
	width : 7px;
	height : 24px;
	top:0px;
	left:22px;
}
#tagOn .boule {
	display : block;
	position : absolute;
	width : 14px;
	height : 24px;
	top:0px;
	left:50px;
}
#tagOn .plus {
	display : block;
	position : absolute;
	width : 10px;
	height : 24px;
	top:0px;
	left:205px;
}
#tagOn .bas {
	display : block;
	position : relative;
	width : 228px;
	height : 50px;
}
#blocProcessusOff, #blocContenuOff, #blocConnaissanceOff, #blocSaasOff, #blocPortailOff {
	display : block;
	position : relative;
	width : 230px;
	height : 94px;
}
#blocProcessusOff img, #blocContenuOff img, #blocConnaissanceOff img, #blocSaasOff img, #blocPortailOff img {
	display : block;
	position : relative;
	width : auto;
	height : auto;
}
#blocPortailOn ul {
	display : block;
	position : relative;
	width : 165px;
	height : auto;
	padding-left:20px;
	padding-top:68px;
}
#blocPortailOn ul li {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	margin:0;
	padding:0;
}
#blocPortailOn ul li a {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-left : 13px;
	padding-bottom : 2px;
	background-image : url(../medias/puce-li-bleu.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	text-decoration : none;
}
#blocPortailOn ul li a:hover {
	color:#2AB5E8;
	text-decoration : none;
}
#blocPortailOn {
	display : block;
	position : relative;
	width : 230px;
	height : auto;
	min-height : 173px;
	background-image : url(../medias/blocPortailOn-bg.jpg);
	background-repeat : no-repeat;
}
#blocPortailOnBas {
	display : block;
	position : relative;
	width : 230px;
	height : 10px;
	background-image : url(../medias/blocPortailOnBas-bg.jpg);
	background-repeat : no-repeat;
}


#blocProcessusOn ul {
	display : block;
	position : relative;
	width : 165px;
	height : auto;
	padding-left:20px;
	padding-top:15px;
}
#blocProcessusOn ul li {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	margin:0;
	padding:0;
}
#blocProcessusOn ul li a {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-left : 13px;
	padding-bottom : 2px;
	background-image : url(../medias/puce-li-bleu.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	text-decoration : none;
}
#blocProcessusOn ul li a:hover {
	color:#2AB5E8;
	text-decoration : none;
}
#blocProcessusOn {
	display : block;
	position : relative;
	width : 230px;
	height : auto;
	min-height : 150x;
	background-image : url(../medias/blocProcessusOn-bg.jpg);
	background-repeat : no-repeat;
}
#blocProcessusOnBas {
	display : block;
	position : relative;
	width : 230px;
	height : 10px;
	background-image : url(../medias/blocProcessusOnBas-bg.jpg);
	background-repeat : no-repeat;
}


#blocContenuOn ul {
	display : block;
	position : relative;
	width : 165px;
	height : auto;
	padding-left:20px;
	padding-top:83px;
}
#blocContenuOn ul li {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	margin:0;
	padding:0;
}
#blocContenuOn ul li a {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-left : 13px;
	padding-bottom : 2px;
	background-image : url(../medias/puce-li-bleu.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	text-decoration : none;
}
#blocContenuOn ul li a:hover {
	color:#2AB5E8;
	text-decoration : none;
}
#blocContenuOn {
	display : block;
	position : relative;
	width : 230px;
	height : auto;
	min-height : 150x;
	background-image : url(../medias/blocContenuOn-bg.jpg);
	background-repeat : no-repeat;
}
#blocContenuOnBas {
	display : block;
	position : relative;
	width : 230px;
	height : 10px;
	background-image : url(../medias/blocContenuOnBas-bg.jpg);
	background-repeat : no-repeat;
}


#blocConnaissanceOn ul {
	display : block;
	position : relative;
	width : 165px;
	height : auto;
	padding-left:20px;
	padding-top:87px;
}
#blocConnaissanceOn ul li {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	margin:0;
	padding:0;
}
#blocConnaissanceOn ul li a {
	display : block;
	position : relative;
	width : auto;
	height : auto;
	padding-left : 13px;
	padding-bottom : 2px;
	background-image : url(../medias/puce-li-bleu.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
	text-decoration : none;
}
#blocConnaissanceOn ul li a:hover {
	color:#2AB5E8;
	text-decoration : none;
}
#blocConnaissanceOn {
	display : block;
	position : relative;
	width : 230px;
	height : auto;
	min-height : 150x;
	background-image : url(../medias/blocConnaissanceOn-bg.jpg);
	background-repeat : no-repeat;
}
#blocConnaissanceOnBas {
	display : block;
	position : relative;
	width : 230px;
	height : 10px;
	background-image : url(../medias/blocConnaissanceOnBas-bg.jpg);
	background-repeat : no-repeat;
}

#blocResultatRecherche {
	display : block;
	position : relative;
	width : 460px;
	height : 22px;
	padding-top:8px;
	padding-left:10px;
	background-color : #fdfcfc;
	margin-bottom:20px;
}
#blocResultatRecherche .label {
	position: relative;
	display : block;
	width : 310px;
	height : 18px;
	float : left;
}
#blocResultatRecherche .saisie {
	position: relative;
	display : block;
	width : 104px;
	height : 14px;
	color : #91969F;
	float : left;
	margin-right : 6px;
	font-size : 11px;
}
#blocResultatRecherche .btn {
	position: relative;
	display : block;
	width : auto;
	height : auto;
	float : left;
	border : none;
}

.titreBlog{
	
	color:#2BB4E8;
	padding-left: 10px;
	background-image: url(../medias/puce-blog-titre.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom:10px;
	width:400px;
	
}

.titreBlog a{
    background:none;
	text-decoration:none;
	color:#2BB4E8;
	font-weight:bold;
	font-size: 14px;
	width:400px;
}


.contenuArticle	{
	padding-left: 10px;
	padding-bottom: 8px;
}

.photoArticleBloc	{
	text-align:center;
}

.photoArticle	{
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	text-align:center;
	padding: 3px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.soustitreBlog, .soustitreBlog a{
	color:#E43D00;
}

.lienvoirPlus, .lienvoirPlus a, .texteBleu{
   color:#2BB4E8;
   text-decoration:none;
}

.singleDate {
   color:#E43D00;
   font-size:10px;
   font-weight:bold;
}

.nomCategorie{
float:right;
padding-bottom: 10px;
font-size:10px;
}

.nomCategorie a{
color:#E43D00;
}


.articleBloc	{
	padding-bottom:12px;
	background-image:url(../medias/sep-articles.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top: 12px;
	width: 485px;
}

.floatRight	{
	float:right;
}

.floatLeft	{
	float:left;
}

.clearBoth	{
	clear:both;
}