/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

fieldset p {
	margin:0px;
	padding:0px;
	padding-bottom: 3px;
	padding-top: 3px;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}

#cat_bdd {
	background-color:#e9e9e9;
	padding: 5px;
	width: 600px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	width: 180px;
}


body {
	background-color: #f5f5f5;
	background-image: url(gifs/images/atilys_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
}

legend {
	color: #22297a;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22297a;
	text-decoration: underline;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22297a;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #22297a;
}
a:active {
	text-decoration: underline;
	color: #22297a;
}


a.numpage  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22297a;
	text-decoration: none;
}
a.numpage:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22297a;
	text-decoration: none;
}
a.numpage:hover {
	text-decoration: none;
	color:#d10027;
}

a.numpage:active {
	text-decoration: none;
	color: #22297a;
}


.titrebdd {
	background-image: url(gifs/images/encartbdd_13.jpg);
	background-repeat:no-repeat;
	text-align:left;
	font-weight: bold;
	color:#d10027;
	height:23px;
	text-transform: uppercase;
	text-align:center;
}

.marge {
	margin-right: 20px;
}

.descbdd { 
background: url(gifs/images/encartbdd_16.jpg);
height: 122px;
padding-left: 10px;
padding-right:10px;

text-align:center;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

.bouton_news2 {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#ffffff;
	background-color:#22297a;
	border-bottom:#22297a 1px solid;
	border-top:#22297a 1px solid;
	border-left:#22297a 1px solid;
	border-right:#22297a 1px solid;
	cursor:pointer;
}

.bouton_news3 {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#22297a;
	background:transparent;
	border-bottom:#22297a 0px solid;
	border-top:#22297a 0px solid;
	border-left:#22297a 0px solid;
	border-right:#22297a 0px solid;
}

/**********************************************************BDD AUTO **************************************/

.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
#photo{
float:left;
width:58px;
height:82px;
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
#site {
	width: 978px;
	margin:auto;
}

#header {
	float: left;
	height: 240px;
	width: 978px;
}

#haut {
	float: left;
	width: 186px;
}

#contenu {
	float: left;
	width: 978px;
	min-height: 600px;
	background-image:url(gifs/images/atilys_28.jpg);
	background-repeat:repeat-y;
}

#footer {
	float: left;
	width: 978px;
	text-align: center;
	height: 63px;
	font-weight:bold;
	color: #22297a;
	padding-top: 10px;
	background-image: url(gifs/images/atilys_29.jpg);
}

#footer strong {
	color:#d10027;
}



#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22297a;
	font-weight:bold;
	text-decoration: none;
}
#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #22297a;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #22297a;
}
#footer a:active {
	text-decoration: none;
	color: #22297a;
}




#logo a{
	float:left;
	background-image: url(gifs/images/atilys_04.jpg);
	height: 173px;
	width: 186px;
}

#moteur {
	float:left;
	background-image: url(gifs/images/atilys_08.jpg);
	height: 22px;
	width: 161px;
	padding-top: 5px;
	padding-left: 25px;
}

#anim {
	float:left;
	height: 200px;
	width: 551px;
}

#phrase {
	float:left;
	background-image: url(gifs/images/atilys_06.jpg);
	height: 200px;
	width: 241px;
}

#image1 {
	float:left;
	background-image: url(gifs/images/atilys_09.jpg);
	height: 40px;
	width: 978px;
}

ul#menu {
	padding: 0px;
	margin: 0px;
	padding-left: 18px;

}

#gauche {
	float:left;
	width: 230px;
}



ul#menu li{
	background-image:url(gifs/images/menu_11.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#f6f6f6;
	min-height: 19px;
	width: 183px;
	list-style-type:none;
	padding-left: 20px;
	padding-top: 4px;
}

ul#menu li.bottom {
	background-image:url(gifs/images/menubas_21.jpg);
	height: 34px;
	width: 183px;
	list-style-type:none;
	padding-left: 20px;
	padding-top: 4px;
}

ul#menu li.style2 {
	background-image:url(gifs/images/menu2_22.jpg);
	height: 21px;
	width: 183px;
	list-style-type:none;
	padding-left: 20px;
	padding-top: 4px;
}

ul#menu li.style2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
ul#menu li.style2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
ul#menu li.style2 a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #989ea6;
}
ul#menu li.style2 a:active {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

ul#menu li ul{
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
	padding-bottom: 7px;
}


ul#menu li ul li{
	padding:0px;
	margin:0px;
	list-style-type: square;
	background-image:none;
	min-height: 0px;
	color: #b9c5d2;
	margin-left: 13px;
	width: auto;
}




ul#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343c86;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
ul#menu li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343c86;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
ul#menu li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #d10027;
}
ul#menu li a:active {
	text-decoration: none;
	font-weight: bold;
	color: #343c86;
}



ul#menu li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #343c86;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
}
ul#menu li ul li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #343c86;
	font-weight: normal;
	text-transform: lowercase;
	text-decoration: none;
}
ul#menu li ul li a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #343c86;
}
ul#menu li ul li a:active {
	text-decoration: none;
	font-weight: normal;
	color: #343c86;
}



#newsletter {
	background-image:url(gifs/images/newsletter_24.jpg);
	width: 196px;
	height: 39px;
	margin-left: 18px;
	padding-top: 35px;
	color:#FFFFFF;
	padding-left: 7px;
}

#titre {
	width:610px;
	background-image:url(gifs/images/atilys_13.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height: 43px;
}

#titre h1 {
	color: #22297a;
	font-size:16px;
	display:inline;
	padding-left: 10px;
	float:left;
}

#affichage {
	float: right;
	width: 710px;
}

.encart1 {
	float: left;
	width: 203px;
}


.encart1 h2{
	margin:0px;
	padding: 0px;
	padding-left: 10px;
	color:#d10027;
	font-size:12px;
	text-transform: uppercase;
}

.encart1 .contenuencart {
	float: left;
	width: 183px;
	background-color:#cdcdcd;
	min-height: 135px;
	padding-left: 10px;
	padding-right: 10px;
	color: #22297a;
	padding-top: 10px;
}

.encart1 p {
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}

.encart1 .imageencart{
	float: left;
	height: 56px;
	width: 203px;
	background-image:url(gifs/images/image1_31.jpg);
}

.separation {
	width: 644px;
	height: 32px;
	float:left;
	background-image:url(gifs/images/sep_36.jpg);
	margin-top: 20px;

	margin-bottom: 20px;
}



.encart2 {
	float: left;
	width: 174px;
	margin-left: 45px;
}

.encart3 {
	float: left;
	width: 174px;
	margin-left: 20px;
	margin-right: 10px;
}




.encart2 h2, .encart3 h2{
	margin:0px;
	padding: 0px;
	padding-left: 15px;
	color:#d10027;
	font-size:12px;
	text-transform: uppercase;
	background-image: url(gifs/images/encart_13.jpg);
	height: 18px;
	width: 159px;
	padding-top: 5px;
}


.encart2 .contenuencart, .encart3 .contenuencart  {
	float: left;
	width: 149px;
	background-image:url(gifs/images/encart_16.jpg);
	background-repeat:repeat-y;
	min-height: 44px;
	padding-left: 15px;
	padding-right: 10px;
	color: #22297a;
	padding-top: 10px;
	padding-bottom: 10px;
}

.encart2 .imageencart, .encart3 .imageencart{
	float: left;
	height: 88px;
	width: 174px;
}

.encart2 .bas, .encart3 .bas{
	float: left;
	background-image:url(gifs/images/basencart_31.jpg);
	height: 31px;
	width: 134px;
	padding-left: 40px;
}

.rouge {
	color:#d10027;
	text-decoration:underline;
	text-transform: lowercase;
}

.texterouge {
	color:#d10027;
}
.contour {
	border: 1px solid #666666;
}
div#login_box{
	background-color:#22297A;
	margin:10px 8px 0 18px;
	padding:0.1em 3px 8px 8px;
	color:#FFFFFF;
}
div#login_box a{
	color:#FFFFFF
}
div#login_box p{
	padding:0;
	margin:4px 0 4px 0;
}

div#form_log{
	width:350px;
	margin:auto;
}

fieldset#log{
	padding-left:100px;
	padding-right:75px;
}

div#form_log label{
	text-align:right;
	float:left;
	width:100px;
}