@charset "utf-8";
/* CSS Document */

@import url(reset.css);
/*@import url(http://fonts.googleapis.com/css?family=Contrail+One);*/
/*@import url(http://fonts.googleapis.com/css?family=Varela+Round);*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
/*@import url(http://fonts.googleapis.com/css?family=Staatliches);*/
@import url(http://fonts.googleapis.com/css?family=Orienta);

body {
background: #f3f3f3;
color: #000;
text-align: justified;
line-height: 1.5;
font-size: 14px;
/*font-family: 'Varela Round', sans-serif;*/
font-family: 'Ubuntu', sans-serif;
}

a, a:visited {
color: #036c9e;
text-decoration:none;
}

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

h1,h2,h3,h4 {
	/*font-family: 'Contrail One', sans-serif;*/
        font-family: 'Orienta', display, sans-serif;
   	color:#015a96;
	text-transform:uppercase;
}

h1, div.componentheading {
text-align: left;
font-size: 28px;
color:#000;
}

h2, div.contentheading {
text-align: left;
font-size: 24px;
}

h2 a {
text-decoration: none;
}

h2 a:hover, div.contentheading a:hover { color: #036c9e; }

h3 {
	/*couleur bleu pale : #2c96db*/
	/*couleur bleu fonce : #0c6395*/
        background: #2c96db; /* Old browsers */
        background: -moz-linear-gradient(top, #2c96db 0%, #0c6395 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c96db), color-stop(100%,#0c6395)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2c96db 0%,#0c6395 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2c96db 0%,#0c6395 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2c96db 0%,#0c6395 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2c96db 0%,#0c6395 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c96db', endColorstr='#0c6395',GradientType=0 ); /* IE6-9 */
        color:#fff;
    -moz-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        padding:10px 0 6px 10px;
        font-size:19px;
}

h4 { font-size:16px; }

.coins, #pos2 div.moduletable_search, #pos3 > div, #pos4 > li, #pos6 > div {
    	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:url(../images/bkgnd80.png);
	}

a.readmore, p.readmore a.btn {
	color:#fff;
	background-color:#0d6396;
    	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:3px 10px;
}

p.readmore {margin-top:10px;}

ul  {list-style:outside disc; margin-left:25px;}

li {}

dt {margin-top:10px; font-weight:bold; border-top:1px solid #aaa; padding-top:10px;}
dd {margin-top:5px;}
/* fin du css multi-balise*/

/*#background {
	background:url(../images/photoaerienne.jpg) fixed center;
	max-width:1920px;
	min-height:1080px;
}
*/
.wrapper {
	max-width:1180px;
	margin:0 auto;
	position:relative;
}

/* Plus petit que le standard 1180*/
@media screen and (max-width: 1179px) {
	.wrapper {max-width:960px;}
}
/*embleme et titre*/	
#pos1 {
	float:left;
	width:620px;
	clear:left;
	}

#pos1 .custom_embleme {
	margin-top:15px;
}

/*Rechercher*/	
#pos2 {
	float:right;
	clear:right;
	width:230px;
	margin-top:15px;
}

@media screen and (max-width: 1179px) {
	#pos2 {width:220px;}
}

#pos2 div.custom_plan {
	text-align:right;
/*	color:#FFF; */
        background:url(../images/bkgnd80.png);
	margin-bottom:10px;
	}

#pos2 div.custom_plan a {background:url(../images/bkgnd80.png); border-radius: 10px; color:#000; padding:5px;}

#pos2 .moduletable_search {background:url(../images/bkgnd80.png);}

#pos2 .moduletable_search .roksearch-wrapper {padding:8px 10px;}

/*Colonne de gauche*/
#pos3 {
	float:left;
	clear:left;
	position:relative;
	width:220px;
}
#pos3 > div {
	background:url(../images/bkgnd80.png);
	margin-top:20px;
}

#pos3 > div  > ul {
	padding:10px;
	list-style:none;	
}

#pos3 > div  > ul > li {
	background:url(../images/fleche_rapide.png) no-repeat 0 3px;
	padding-left:20px;
}

/*partie à droite de la colonne gauche*/
#container {
	float:right;
	width:940px;
	margin-top:20px;
}

@media screen and (max-width: 1179px) {
	#container {width:720px;}
}


/* Menu*/
#pos4 {
	width:100%;
}


/*partie centrale du site*/
#main {
	float:left;
/*    border:solid 3px #036c9e4d; */
	width:520px;
	background:url(../images/bkgnd80.png);
	margin-top:30px;
	padding:10px;
}

@media screen and (max-width: 1179px) {
	#main {width:460px;}
}


/*Fil d'Arianne ####################################################################################*/
#pos5 {

}

.breadcrumb {
	padding: 8px 15px;
	margin: 0 0 18px;
	list-style: none;
	/*background-color: #f5f5f5;*/
	background:url(../images/bkgnd30.png);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:12px;
	border:#ccc 1px solid;
}
.breadcrumb > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: 0 1px 0 #fff;
}
.breadcrumb > li > .divider {
	padding: 0 5px;
	color: #ccc;
}
.breadcrumb > .active {
	color: #999;
}

.icons {
	text-align:right;
}

/*Contenu #################################################################################*/
.article-info {
	margin-bottom:10px;
	text-align:right;
}

.article-info-term {
	display:none;
}
 .alert {
	 background:#F60;
}

.blog .items-row {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #888;
}

.pagination ul  {
	display:inline-block;
	width:520px;
}
.pagination ul li {
	display:inline-block;
	width:auto;
}

/* Carnet d'entreprise*/
.tag-category ul {list-style:none; }
.tag-category h3 {background: none; }


.tag-category .filters {
	padding-bottom: 20px;
}

	.tag-category .cat-list-row0 {
		background:#EEE;
	}

	.tag-category .cat-list-row1 {
		background:#FFF;
	}
	
	.tag-category ul.category {
		margin-top:10px;
	}

	.tag-category ul.category li {
		padding: 10px;
	}

	.tag-category ul.category li h3 {
		background: none;
		padding: 0px;
		margin-bottom: 10px;
	}
/*Carnet d'adresse*/
.contact .thumbnail img {
	width:120px;
	height:160px;
}

/*Membres comité*/
.blog_membres .items-row,  .blog_membres .items-leading {
	margin-bottom:20px;
}

.blog_membres .leading-0 {
	padding-bottom:20px;
}

.blog_membres .items-row .span6 {
	float:left;
	width:250px;
}

.blog_membres .item-image img {
	height:120px;
	width:85px;
}

.blog_membres .pull-left {
	float:left;
	margin-right:10px;
}

/*Menus dans le contenu*/

#main ul.nav>li {
	margin-bottom:10px;
}

#main ul.nav ul.nav-child {
	margin-left:20px;
}
/*###############################################################################*/
/*Colonne droite*/
#pos6 {
	float:right;
	width:380px;
	margin-top:20px;
}

@media screen and (max-width: 1179px) {
	#pos6 {width:220px;}
}

#pos6 > div {
	background:url(../images/bkgnd80.png);
	margin-top:10px;
}

#pos6 .newsflash_alertes, #pos6 .newsflash {
	padding:10px;
}

#pos6 .newsflash_alertes p, #pos6 .newsflash p {
	margin-bottom:10px;
}

#pos6 .moduletable_alertes h3 {
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

#pos6 .newsflash_alertes {
	border:solid 3px #cf0404;
}

#pos6 .newsflash_alertes h4 {
	color:#cf0404;
}

#pos6 .newsflash_alertes a.readmore {
	color:#fff;
	background-color:#cf0404;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:3px 10px;
}



#pos6 .newsflash_important, #pos6 .newsflash {
	padding:10px;
}

#pos6 .newsflash_important p, #pos6 .newsflash p {
	margin-bottom:10px;
}

#pos6 .moduletable_important h3 {
	background: #fdcc9a; /* Old browsers */
	background: -moz-linear-gradient(top, #fdcc9a 0%, #ec9034 60%, #d5802c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdcc9a), color-stop(60%,#ec9034), color-stop(100%,#d5802c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdcc9a 0%,#ec9034 60%,#d5802c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdcc9a 0%,#ec9034 60%,#d5802c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdcc9a 0%,#ec9034 60%,#d5802c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdcc9a 0%,#ec9034 60%,#d5802c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc9a', endColorstr='#d5802c',GradientType=0 ); /* IE6-9 */
}

/*#pos6 .newsflash_important {
	border:solid 3px #d5802c;
}*/

#pos6 .newsflash_important h4 {
	color:#d5802c;
}

#pos6 .newsflash_important a.readmore {
	color:#fff;
	background-color:#d5802c;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:3px 10px;
}





#pos6 .newsflash h4:nth-child(n+2), #pos6 .newsflash_alertes h4:nth-child(n+2), #pos6 .newsflash_important h4:nth-child(n+2) {
	margin-top:10px;
	padding-top:10px;
	border-top:solid 1px #888;
}

#pos6 .custom_all_news span {
	display:block;
	padding-top:3px;

}

/*les blocs du footer*/
#footer {
	float:right;
	width:1180px;
	margin-top:20px;
	background:url(../images/bkgnd80.png);
}

@media screen and (max-width: 1179px) {
	#footer {width:960px;}
}

#footer h3 {
	background:none;
	color:inherit;
	text-align:center;
}

#pos7 {
        float:left;
        width:40%;
        text-align:center;
        padding-bottom:10px;
}

/*#pos7 {
        float:left;
        width:35%;
        text-align:left;
}

        #pos7 td:first-child {
                padding-right:3px:
        }
*/
#pos8 {
        float:left;
        width:25%;
}

        #pos8 .custom_heures td:first-child, table#heures td:first-child {
                text-align:left;
        }

        #pos8 .custom_heures td, table#heures td {
                padding:0 5px;
                text-align:center;
        }

#pos9 {
        float:right;
        width:35%;
        text-align:center;
}

        #pos9 td:first-child {
                padding-left:3px:
        }

/*#pos9 {
	float:right;
        width:40%;
        text-align:center;
        padding-bottom:10px;
}*/

/*Pied de page*/
#full {
	background: #000;
	color:#fff;
	margin-top:20px;
}

#pos10 {
	float:center;
	width:100%;
	text-align:center;
}

#pos11{
	float:right;
	width:50%;
	text-align:right;
	
}