/* ==================== SMSOI =============================  */
/*Mise en forme des blocs principaux */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	width:100%;
	height:100%;
}

h2{
	font-family: Myriad,Arial;
	font-size:18px;
	/*font-weight:bold;*/
	color:#3979F5 ;
	margin-top:0;
}

img {
	
	float:left;
}

li{
	list-style:none; 
}

ul{
	list-style:none; 
}
a{
	text-decoration:none;
	color:#000000;
}
a:hover {
	color:#FFA544;
}

.adherents{
	position:absolute;
	width:154px;
	height:27px;
	color:#377091;  /*bleu*/
	text-decoration: none;
}
.contact{
	font-family: Arial;
	font-size: 12px;
	color: #000000; 
	position:absolute;
	width:176px;
	height:10px;
	padding-left: 15px;
	display: block;
	background-image: url(fleche_orange.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
.descripArt{
	position:absolute;
	top :70px;
	left:0px;
	color:#0E5069; /*bleu vert*/
}

.itemMenu{
	position:absolute;
	height:25px;
	text-decoration: none;
}

.filA{
	height:9px;
	font-size: 10px;
	color: #2E7AF5; /*bleu*/
	text-decoration: none;
	display:block;
	float:left;
}

.filigrane{
	position:absolute;
	top :7px;
	left:0px;
	width:964px;
	height:282px;
	z-index: 2 ; 
}

.menuA{
	font-family: MyriadPro-Light.otf;  /* faire les titres en */
	font-size: 14px;
	color: #0E5069; /*bleu vert */
	text-decoration: none;
	margin-top:10px;
	padding-left:15px;
	background-image: url(fleche_orange.png);
	background-repeat: no-repeat;
	display:block;
	float:left;
}

.pave{
	top :136px;
	left:125px;
	margin-right:50px;
	height:700px;
	float:left;
}

a.rubrique{
	position:relative;
	left:-40px;
	width:172px;
	height:23px;
	background-image: url(rubrique.jpg);
	background-repeat: no-repeat;
	display:block;
	padding-top:4px;
	padding-left:5px;
	color:#FFFFFF;
	font-weight:bold;
}

a.rubrique:hover{
	background-image: url(rubrique_survol.jpg);
}


li.on  a {
	background-image: url(rubrique_selectionnee.jpg);
}
li.on li a {
	background-image:url(ssrubrique.jpg);
}
li.on li.on a {
	background-image: url(ssrubrique_selectionnee.jpg);
}
/* Affiche des articles */
ul.article_0, ul.article_1 {
	display:none;
}
li.on ul.article_0, li.on ul li.on ul.article_1 {
	display:block;
}
li li ul.article_1 {
	display:none;
}
li.on li.on ul.article_1 {
	display:block;
}
li li.on ul.article_1 li a, li.on ul.article_0 li a, .arti {
	background-image:none;
}
ul.article_1 a, ul.article_0 a {
	margin-left:-70px;
	font-size:10px;
	overflow:hidden;
	height:14px;
	display:block;
	margin-bottom:2px,
}
ul.article_1 a span, ul.article_0 a span {
	display:none;
}
ul.article_1 a.PRO span, ul.article_0 a.PRO span {
	display:inline;
}
ul.article_1 a.PRO, ul.article_0 a.PRO{
	color:#2E8BAE;
}
ul.article_1 a:hover, ul.article_0 a:hover {
	color:#FF8400;
}
ul.article_0 a {
	margin-left:-30px;
}
ul.article_1, ul.article_1 li, ul.article_0, ul.article_0 li {
	margin:0;
	padding:0;
}
ul.article_1, ul.article_0 {
	margin-bottom:5px;
}
/* fin affichage des articles */
/*
li.on a.arti{
	background-repeat:no-repeat;
	background-image:none;
	color:#000000;
	text-decoration: none;
	font-size:10px;
	display:block;
	position:relative;
	left:-120px;
	width:190px;
	height:34px;
	padding-left:5px;
}
ul li.on ul ul li a.arti{
	display:none;
}
*/
a.ssrubrique{
	position:relative;
	left:-80px;
	width:175px;
	height:23px;
	background-image: url(ssrubrique.jpg);
	background-repeat: no-repeat;
	display:block;
	padding-top:6px;
	padding-left:5px;
	color:#0E5069;
	font-weight:bold;
}

a.ssrubrique:hover{
	background-image: url(ssrubrique_survol.jpg);
}

.surtitre{
	position:relative;
	padding-top:20px;
	font-size:11px;
}

.soustitre{
	position:relative;
	top:10px;
	clear:both;
}
.descripArt{
	position:relative;
	top:20px;
	clear:both;
}
#texte{
	position:relative;
}

.titreArt{
	position:relative;
	padding-top:-10px; 
}

.titreRub{
	margin-top :12px;
	margin-left:20px;
	width:162px;
	float:left;
}
.titreRub a:hover{
	color:#16366B;
}
#accesRapide{
	position:absolute;
	top :390px;
	left:0px;
	width:964px;
	height:129px;
	z-index: 1;
	overflow:hidden;
}
.acces{
	height:129px;
	width:321px;
	overflow:hidden;
	float:left;
}
.acces a img{
	border:none;
}
.acces a {
	text-decoration:none;
}
.acces a:hover {
	color:#FF8605;
}
.acces a:hover h2 {
	color:#FF8605;
}
.acces a h2{
	color:#2B6FF4;
	font-size:20px;
	margin:0;
	margin-top:30px;
	font-weight:normal;
}
.acces a p{
	margin:0;
}

.acces img{
	padding-right:10px;
}
.masque_accesRapide{
	position:absolute;
	margin-left:-159px;
	background-image:url(cache_accesRapide.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:149px;
	height:127px;
}
#accesRapide2{
	position:absolute;
	top :536px;
	left:0px;
	width:964px;
	height:200px;
	background-color: #A6C8FF; /*bleu clair*/
}

#adherentsAcc{
	top : 4px;
	left:757px;
}

#adherentsArt{
	top : 4px;
	left:800px;
}
#adherentsArt a:hover, #adherentsAcc a:hover{
	color:#000000;
}
#bandeau {
	position:absolute;
	top :91px;
	left:0px;
	width:964px;
	height:282px;
	z-index: 1 ; 
}

#centre{
	position:relative;
	width:386px;
	/*background-color: #D8BFD8; violet*/
}

#contactAcc{
	top : 52px;
	left:737px;
}
a.contact#contactAcc:hover , a.contact#contactArt:hover{
	color:#ff9728;
}
#contactArt{
	top : 52px;
	left:782px;
}
#contactArt a:hover{
	color:#FF8605;
}
#conteneur {
	position:absolute;
	margin-left:-500px;
	margin-top:0px;
	left: 50%;
	width:1000px;
	height:800px;
	background-image: url(fond_logo.png);
	background-repeat: no-repeat;
}

#conteneurArt {
	position:absolute;
	margin-left:-500px;
	margin-top:0px;
	top:0px;
	left: 50%;
	width:1024px;
	height:800px;
	background-image: url(fond_logo_grillage.png);
	background-repeat: no-repeat;
}
#titreArt{
	position:absolute;
	top:46px;
	padding-left:155px;
}
#dercripArt{
	position:absolute;
	padding-top :70px;
	padding-left:155px;
	width:139px;
	height:58px;
	overflow: hidden;
}

#droite{
	position:relative;
	width:175px;
}

#filAriane{
	position:absolute;
	top :125px;
	left:340px;
	width:300px;
	font-size:10px;
}
#filAriane a {
	color:#2E7AF5 ;
}
#filAriane a:hover {
	color:#000000 ;
}
#gauche{
	width:31px;
	left:116px;
	margin-top:129px;
	margin-left:133px;
}

.portfoliophoto{
	float:left;
	display:block;
}

.portfoliofichier{
	float:left;
	display:block;
	margin-top:15px;
}

.lienfichier{
	height:60px;
	display:block;
	width:160px;
}
.lienfichier img{
	border:none;
}
.photo{
	clear: both;
	margin-top: 2px;
	padding-top: 2px;
}

.cacheimg{
	display:block;
	height:111px;
	width:164px;
	position:absolute;
	margin-top:0;
	clear: both;
}

#menu {
	position:absolute;
	top :39px;
	left:300px;
	height:38px;
	width:400px;
}
.menuacc {
	padding-left:35px
}
#menudroite{
	position:relative;
	top :-18px;
	width:175px;
}
#m1,#m2,#m3{	
	margin-left:27px;
}
#menu a:hover {
	color:#FF8605;
}

#mm1{
	position:absolute;
	left:61px;
	width:88px;
}
#mm2{
	position:absolute;
	left:170px;
	width:72px;
}
#mm3{
	position:absolute;
	left:255px;
	width:150px;
}

/*#pdf{
	position:absolute;
	left:0px;
	height:48px;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	padding-left:50px;
	background-image: url(pdf.jpg);
	background-repeat: no-repeat;
	display:block;
}*/

#picto{
	position:relative;
	width:69px;
	height:322px;
}

#pro{
	color:#0E5069; /*bleu vert*/
}
#pro2{
	color:#A4C4E3; /*bleu ciel*/
}

#logo{
	position:absolute;
	display:block;
	width:298px;
	height:88px;
	margin-left:44px;
	
}

#texte{
float:left;
margin-bottom:5px;
margin-top:10px;
text-align:justify;
width:420px;
}


#textRub{
	padding-left:3px;
	font-size: 10px;
}

.pagination{
	position:absolute;
	margin-top:185px;
	margin-left:5px;
}
label {
	display:none;
}
input#recherche {
	width:162px;
	font-size:11px;
}