﻿/* CSS Document
** Copyright :
**   Design by Love_Shooter
**   Css and xhtml by love_shooter
**   Notes : Pour toute les images "hover", seperation en 2 images, car IE+ HackPNGTransparent
**           ne gere pas backgroud-position;
*/

  @font-face {

    font-family: Script MT Bold;

    font-style:  normal;

    font-weight: 700;

    src: url(SCRIPTBL.eot);

  }

  @font-face {

    font-family: Script MT Bold;

    font-style:  normal;

    font-weight: normal;

    src: url(SCRIPTBL.eot);

  }
/* Le principal */
body {
	background-color:#67b1f8;
	color:#ffffff;
	font:70% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding:0;
	margin-top:50px;
	}


ul , li { margin:0; padding:0; list-style-type:none; }

a {
	color:#FFFFFF;
	text-decoration:none;
	
	
}
a:hover {
	color:#CCCCCC;
}
a img { border:0; color:#fff; }
ul.principal { color:#000; text-decoration:none;outline:0; }
a.principal {
	color:#000000;
	text-decoration:none;
	outline:0;
}
a.principal:hover {
	color:#0066FF;
	text-decoration:none;
	outline:0;
}
colorblack { color:#000; }
h1, h2, h3, h4, h5 { margin:0; font-size:100%; }
p,dl,dt,dd { margin:0; padding:0; }
div.clear { clear:both; }
.hid { position:absolute; width:1px; height:1px; top:-500px; left:0; }
.rosetitre {
	color:#0099FF;
}
.section {
	color:#000099;
}

.evidence{ color:#fb99fd; }
.soustitre {
	color:#000099;
}

div#bg_1 {
	background-color:#67b1f8;
}
div#bg {
	/*Bordure fine*/
	background:#000;
	width:958px;
	padding:1px;
	height:auto;
	margin:auto auto 20px auto;
	border:2px solid #ffffff;
	}
	/*Bordure blanche masque pour faire fine bordure contour de la page */
div#contenu {
	background:#FFF;
	width:952px;
	height:auto;
	margin:auto;
	border:3px solid #fff;
	border-top:0;
	}
	
/* Header */

div#header {
	width:952px;
	height:100px;
	border-top: 3px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	margin-top:1px;
	background:url(sites/FondtouyenV2color_27.jpg)
	}

h1 {
	margin:21px auto auto 44px;
	position:absolute;
	width: 638px;
	left: -31px;
	top: -10px;
	font-family: "Script MT Bold", "Times New Roman";
	font-size: xx-large;
}

/* Menu */
ul#menu_header { float:right; margin:15px 10px auto auto; }
	
#menu_header li { float:left; background:url(sites/barre.png) no-repeat left; height:78px; }
#menu_header a { padding:50px 50px 10px 50px; float:left; }
a#liens { background:url(sites/liens.png) no-repeat top; }
a#contact { background:url(sites/contact.png) no-repeat top; }

/* Bloc Header */

div#bloc_top_bg {
	width: 952px;
	border-top:3px solid #111b28;
	border-bottom:3px solid #111b28;
	padding:1px 0;
		background:url(sites/FondtouyenV2color_27.jpg)	;
	}
	
div#bloc_top {
	/*Fond partie droite du sous header*/
	width: 933px;
	height: 50px;
	padding-left:19px;
		background:url(sites/FondtouyenV2color_27.jpg)	;
	}
	
div#categories {float:left;
}
	
div.sbloc_top {
	float:left;
	width: 180px;
	height: 50px;
	margin-top:3px;
	position:relative;
	margin-left:-2px;

	}
	
#bloc_top dl.categorie {
	padding-top:0px;
	margin-right:0px;
    margin-left:0px;
	width:183px;
	height:50px;
	color:#FFFFFF;
	text-align:center;
	font-family:"Script MT Bold", "Times New Roman";
	font-size: x-large;
	}

#bloc_top dl.categorie dt { font-size:130%; margin-bottom:0px; }




div#corps {
	/*Background bas corps*/
	
	width:916px;
	height:auto;
	padding:18px;
	}

#corps h2 { font-size:120%; }


p.desc_g {
	color:#0000CC;
	margin-top:10px;
}
p.principal {
	color:#0000CC;
	margin-top:10px;
	
}
p.evidence {
	color:#0099FF;
}

div.ligne {
	overflow:auto;
	margin:15px auto;
	color: #0000CC;
}



div.comm
	{
	font-size: 36px;
	text-align: center;
	color:#333333
	}

div.commportee
	{
	font-size: 18px;
	text-align: center;
	color:#333333
	}

/* Footer et Infos */
	
div#footer {
	background:url(sites/FondtouyenV2color_27.jpg);
	width:952px;
	height:auto;
	overflow:auto;
	color:#FFFFFF;
	}
	
#footer a { font-weight:normal; color:#FFF; }
	
div#copy {
	width:265px;
	height:55px;

	padding:33px 0 0 55px;
	margin-left:14px;
	float:left;
	}
	
div.infos_footer {
	background:url(sites/FondtouyenV2color_27.jpg);
	width:192px;
	height:58px;
	float:left;
	padding:30px 0 0 14px;
	text-align:left;
	color:#FFFFFF;
	}
	
	


/* Partie pédigré*/

		

.effect1 {
	padding: 2mm;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial,Verdana;
	background-color: #FFFFFF;
        }











.alert_standard {

    

	background-color: #67b1f8;

    border: 1px solid #000000;

    width: 100%;

    font-family: arial;

    font-size: 11px;

    font-weight: bold;

    color: #000000;

}

