*{
margin : 0;
padding : 0;
}

body {
font-family : arial, sans-serif;
font-size : 8pt;
color : #010101;
background : #F6F2EF;
background : #efefef;
margin-bottom : 20px;
}

a {
color : #010101;
text-decoration : none;
}

#page{
width : 100%;
background : url(../img/loginart.jpg) 20px 0px no-repeat;
}

#conteneurPrincipal{
width :1100px;

}

#conteneurSecondaire{
padding-top : 20px;
margin-left : auto;
margin-right : auto;
width : 902px;
}

/************* GESTION CONTENEUR SECONDAIRE *******/

#conteneurSecondaire h1 {
margin-top : 30px;
margin-bottom : 5px;
color : #082137;
color : #ff9900;
}

#conteneurSecondaire p.contenu {
font-size : 11pt;
padding : 20px;
padding-top : 10px;
border : 1px solid #cdcdcd;
background : #ffffff;
color : #343434;
text-align : justify;
}

#conteneurSecondaire p#small {
font-size : 9pt;
background : white url(../img/bgOmbreMenu.jpg) repeat-x;
}

#conteneurSecondaire p.contenu span {
font-size : 12pt;
color : #ff9900;
font-weight : bold
}

#conteneurSecondaire p.contenu cite {
font-size : 11pt;
color : red;
font-weight : bold;
}

#conteneurSecondaire p.contenu a {
font-size : 11pt;
color : #ababab;
font-weight : bold;
float : right ; 
}

#conteneurSecondaire img#banniere {
border : 1px solid #cdcdcd;
border-bottom : 0px solid #ababab;
}


/************* GESTION PARTIE HAUTE **************/

#bandeHaute{
width : 100%;
}
            #bandeHaute #logo{
            float : left;
            width : 25%;
			height : 30px;
            }
                        						
			#bandeHaute #menuSecondaire {
            float : right;
            padding : 5px 20px 0px 1%;            
            }
			
			#bandeHaute #menuSecondaire a{
			color : #565656;     
			font-size : 9pt;
			padding-left : 10px;
            }
            
            #bandeHaute #menuPrincipal {
            float : right;
            padding : 5px 20px 0px 1%;			
			border-top : 1px dashed #072239;
            }
			
			#bandeHaute #menuPrincipal a{
            color : #072239;
			font-size : 14pt;			
			padding-left : 25px;
            }
		
/************* GESTION PARTIE FORM CONTACT **************/

form {
background : #ffffff;
border : 1px dashed #ababab;
}
            

/************* GESTION PARTIE PIED DE PAGE **************/

#pied {
margin-top : 30px;
border-top : 0px dashed #787878;
padding-left : 5px;
}
            
            #pied p{
			float : left;
			margin-top : 0px;
			margin-right : 5%;
			width : 21%;
            }
            
            #pied a{
            font-weight : none;
            }
			
			#pied img{
            border : none;
            }

/************* ANNEXES **************/
.clear {
clear : both;
}

/*************** SLIDE SHOW ACCUEIL ******************/

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;

	/* CSS3 Rounded Corners */

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid #c2c2c2;

	background:url(img/panel.jpg) repeat-x bottom center #ffffff;

	/* The width of the gallery */
	width:900px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:400px;

	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:900px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:55px;
}

ul{	
	border-top : 1px solid #f2f2f2;
	text-align : center;
}

li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */	
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../img/curseur.png) no-repeat;
}

li.act a{
	cursor:default;
}


li a{
	display:block;	
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}

/*************** VISIO REALISATION ******************/

.boxRealisation {
margin-bottom : 20px;
background : #ffffff;
border-top : 1px solid #cdcdcd;
border-right : 1px solid #cdcdcd;
border-bottom : 1px solid #9a9a9a;
border-left : 1px solid #9a9a9a;

}

.boxRealisation h1{
margin-top : 20px;
font-size : 14pt;
}

.boxRealisation p{
font-size : 9pt;
padding-top : 5px;
padding-right:5px;
}

.boxRealisation p span{
font-weight : bold;
}



.boxgrid{ 
				width: 260px; 
				height: 150px; 
				margin:15px; 
				float:left; 
				background:#161613; 
				border: solid 1px #ababab; 
				overflow: hidden; 
				position: relative; 
				float : left;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 10px; 
					color:#efefef;				}
				
				.boxgrid a{ 					
					color:#FFCC00; 
					font-weight:bold;
				}
				
				.boxgrid h3{ 					
					color: white; 
					font-weight:bold;
					padding : 10px;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 150;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 130;
 					left: 0;
 				}