@font-face {
	font-family: 'architectsdaughter';
 	src: url('../police/architectsdaughter.eot') format('eot'),
	url('../police/architectsdaughter.woff') format('woff'),
	url('../police/architectsdaughter.ttf') format('truetype'),
	url('../police/architectsdaughter.svg#webfontdSscXrwb') format('svg');
    	font-weight: normal;
    	font-style: normal;
}

@font-face {
	font-family: 'averagesansregular';
	src: url('../police/averagesansregular.eot') format('eot'),
        url('../police/averagesansregular.woff') format('woff'),
        url('../police/averagesansregular.ttf') format('truetype'),
        url('../police/averagesansregular.svg#webfontdSscXrwb') format('svg');
    	font-weight: normal;
    	font-style: normal;
}

/*___________________________________________________________________________*/

html { 

	/* 	background-image:linear-gradient(to left, #365478, #3F5A70); 
*/
	margin:0;
	padding:0;
	background:url(tileable.jpg) repeat center fixed;

	/* 
	opacity: 0.90;
    filter: alpha(opacity=90); For IE8 and earlier */
	}	


/*
	#chargement {
	font-family: 'architectsdaughter';
	font-size: 4em;
	font-weight: bold;
	text-align: center;
	z-index: 9999;
	background-color: white;
	cursor : wait;
	position : fixed;
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	}
	
	#chargement2 {
	margin-left:35%;
	margin-top:15%;
	left: 50%;
	top: 25%;
	width: 600px;
	}
	
	#chargement-infos {
	text-align:right;
	white-space: nowrap;
	display: block;
	border-bottom:4px solid #000;
	width: 0%;
	}
	#container {
		visibility: hidden;
	}
*/
h1 {
	/*titre low
	color:#2f5252; 	
	text-shadow: 1px 1px black;
	*/
	font-size: 24px; 
	font-family: 'architectsdaughter';
	text-decoration: underline overline;
}

h2 {
	/*titre high status
	color: #2f5252;
	text-shadow: 1px 1px black;
	*/
	font-size: 18px;
	font-family: 'averagesansregular';
	text-align:left;
}


h3 {
	/*titre high
	color:#2f5252;
	text-shadow: 1px 1px black;
	*/
	font-size: 30px;
	font-family: 'architectsdaughter';
	text-align:left;
/* 
position: fixed; pour que le texte soit fixé à la page même si scroll 
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0em;
*/
}
h6 {
	font-size: 14px; 
	font-family: 'averagesansregular'; 
	color: white;
	text-shadow: 1px 1px black;
	text-align: justify;
	font-weight: bold;
}

h4 {
	/*texte 9abbc0*/
	font-size: 15px;
	font-family: 'averagesansregular';
	color: black;
	text-align: justify;
	font-weight: normal;
/*	text-shadow: 1px 1px 1px white;
	text-indent:2em; =alinea
*/
}

h5 {
	/*texte 9abbc0*/
	font-size: 15px;
	font-family: 'averagesansregular';
	color: black;
	text-align: center;
	font-weight: normal;
/*	text-shadow: 1px 1px 1px white;
	text-indent:2em; =alinea
*/
}


p {
	font-size: 15px;
	font-family: 'averagesansregular';
	color: black;
}


.footer{
	font-size: 12px; 
	font-family: 'averagesansregular';
	color: black;
	text-align:right;
	font-style: italic;
}

table {
	font-size: 15px; 
	font-family: 'averagesansregular'; 
	color: white;
	text-align: justify;
	padding:10px;
	border-radius:10px 10px 10px 10px;
	border-spacing:0px ;
}

table#degrade {
/*
background: url(table.png) repeat-x;
*/
	color: white;
	padding:10px;
	border-radius:10px 10px 10px 10px;
	border-spacing:0px ;
	
}

table.degrade2 {
	color: white;
	height: 100%;
	width: 100%;
border-spacing:0px 2px; 
}

th {
	padding: 10px;
	font-size: 14px; 
	font-family: 'averagesansregular'; 
	color: black;
	width: auto;
	font-weight: bold;
}

td {

	padding: 6px;
	font-size: 14px; 
	font-family: 'averagesansregular'; 

	color: black;
	text-align: justify;
	font-weight: normal;
	width: auto;
	z-index:3;
	height:0px;

	border-collapse: collapse;

	/*
	border-radius:10px 10px 10px 10px;
	margin-top:50px;
	
		margin-top:50px;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:50px;
	*/
}

.td_histo {
	padding: 6px;
	font-size: 14px; 
	font-family: 'averagesansregular'; 
	border-radius:0px 15px 15px 0px;
	color: black;

	font-weight: normal;
	width: auto;
	z-index:3;
	height:0px;

}

.separate {
	width: auto;
	height:0px;
	  max-height: 0px;
  min-height: 0px;
  height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 0px;
  border-bottom: 0px;
  outline: 0px;
}



/*________________________mise en page___________________________________________________*/

div.main_fond {
	margin-top:2%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
	min-width:95%;
	min-height:95%;
	overflow: hidden;
	background-color: #dcdcde;
}

div.main {
	margin-top:2%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
	min-width:95%;
	min-height:95%;
	overflow:hidden;
	background-color: #dcdcde;
}

div.main_bottom {
	margin-left:2%;
	margin-right:2%;
	width:100%;
	height:auto;
	overflow:hidden;
}
div.header {
	width:auto;
	min-height: 170px;
	overflow: hidden;
	/*
	        border:3px solid #00ffff;

	background-color: #ff9900;
	*/
}

div.two{
	width:auto;
	min-height:600px;
	/*
	border:3px solid #ff0000;
	*/
	overflow: hidden;
}

div.twoc {
	max-width:60%;
	min-width:10%;
	min-height:700px;
	float: left;
	overflow: auto;
	display:inline-block;
}

div.twor {
	max-width:37%;
	float: left;
	display:inline-block;
	padding-left: 2%;
	overflow: auto;
}

div.exp {
	width:98%;
	padding:1% 1% 1% 1%;
	background-color:#ffffff;
	float: left;
	/*
	border-bottom: 2px solid #ff9900;
	*/
	overflow: hidden;
}

div.ligne{
	width: auto;
	height:30px;
	font-size: 14px;
	font-family: 'averagesansregular';
	color: black;
	text-align: right;
	float:right;
	margin-right:20px;
	/*margin-top:50px;*/
	
		font-size: 14px;
	font-family: 'averagesansregular';
	color: white;
	text-shadow: 1px 1px black;
	text-align: justify;
}

div.footerrr {
	width: auto;
	/*max-width: 830px;*/
	height: auto;
	float:right;
}


div#cheese {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom:50px;
  margin-top:50px;
  margin-right:5%;
  float: left;
  border: 2px solid #4664FF;

}

/*______________________stages_____________________________________________________*/


img.gal_left_side{
/*
	width:100%;
	height:auto%;
	border: 4px solid #000000;
	*/
	max-width:350px;
	max-height:350px;
	float: left;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	
}

img.gal_right_side{
/*
 *
	        max-width:25%;
        max-height:auto;
 * */
	min-height:20%;
        min-width:20%;
	max-height:350px;
	max-width:350px;
	float: right;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


div.center {
        border: 4px solid #000000;
	float: center;
        width: 40%;
        max-height:200px;
        height:10%;
        padding: 1%;
        font-family: 'averagesansregular';
        text-align: justify;
        font-size: 0px;
        overflow: hidden;
        /*agrandissement de la fenetre en progressif*/
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition:0.5s;
        -o-transition: 0.5s;
}

div.divcenter {
	float: left;
	margin-left:3%;
	max-width: 70%;
	background-color:#ffffff;
	text-align: justify;
	height:auto;
}

div.center:hover{
        width: 90%;
        max-height:100%;
        height:auto;
        border: 4px solid #000000;
        overflow: hidden;
        font-size: 15px;
}

div.center:hover #ri{
        /*retour à la couleur pour l'imageS*/
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        transition: -moz-transform 0.2s ease-out 0s;
        -webkit-filter: grayscale(0%);
}
/*_________________________________________________________Orange*/

div.right {
        border: 4px solid #000000;
	float: right;
        width: 40%;
        max-height:200px;
        height:10%;
        padding: 1%;
        font-family: 'averagesansregular';
        text-align: justify;
        font-size: 0px;
        overflow: hidden;
        /*agrandissement de la fenetre en progressif*/
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition:0.5s;
        -o-transition: 0.5s;
}

div.divright {
	float: left;
	margin-right:3%;
	max-width: 63%;
	background-color:#ffffff;
	text-align: justify;
	height:auto;
}

div.right:hover{
        width: 90%;
        max-height:100%;
        height:auto;
        border: 4px solid #000000;
        overflow: hidden;
        font-size: 15px;
}


div.right:hover #sog{
        /*retour à la couleur pour l'imageS*/
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        transition: -moz-transform 0.2s ease-out 0s;
        -webkit-filter: grayscale(0%);
}
div.right:hover #b{
        /*retour à la couleur pour l'imageS*/
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        transition: -moz-transform 0.2s ease-out 0s;
        -webkit-filter: grayscale(0%);
}

/*_________________________________________________________Orange*/

div.left {
	border: 4px solid #000000;
	float: left;
	width: 40%;
	max-height:200px;
	height:10%;
	padding: 1%;
	font-family: 'averagesansregular';
	text-align: justify;
	font-size: 0px;
	overflow: hidden;
	/*agrandissement de la fenetre en progressif*/
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition:0.5s;
	-o-transition: 0.5s;
}

div.divleft {
	float: right;
	margin-left:3%;
	max-width: 63%;
	background-color:#ffffff;
	text-align: justify;
	height:auto;
}

div.left:hover{
	width: 90%;
	max-height:100%;
	height:auto;
	border: 4px solid #000000;
	overflow: hidden;
	font-size: 15px;
}

div.left:hover #ora{
	/*retour à la couleur pour l'imageS*/
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	transition: -moz-transform 0.2s ease-out 0s;
	-webkit-filter: grayscale(0%);
}
div.left:hover #z{
	/*retour à la couleur pour l'imageS*/
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	transition: -moz-transform 0.2s ease-out 0s;
	-webkit-filter: grayscale(0%);
}


/*_________________________________________________________NOVENSI*/

div.nov {
	border: 4px solid #000000;
	float: left;
	width: 40%;
	max-height:200px;
	height:10%;
	padding: 1%;
	font-family: 'averagesansregular';
	text-align: justify;
	font-size: 0px;
	overflow: hidden;

	/*agrandissement de la fenetre en progressif*/
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition:0.5s;
	-o-transition: 0.5s;
}

div.divc {
	float: right;
	margin-left:3%;
	max-width: 63%;
	background-color:#ffffff;
	text-align: justify;
	height:auto;
}

div.nov:hover{
	width: 90%;
	max-height:100%;
	height:auto;
	border: 4px solid #000000;
	overflow: hidden;
	font-size: 15px;
}

div.nov:hover  #c{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	transition: -moz-transform 0.2s ease-out 0s;
	-webkit-filter: grayscale(0%);
}

/*_________________________________________________________CEGELEC*/

div.cege {
        border: 4px solid #000000;
	float: right;
        width: 40%;
        max-height:200px;
        height:10%;
        padding: 1%;
        font-family: 'averagesansregular';
        text-align: justify;
        font-size: 0px;
        overflow: hidden;

        /*agrandissement de la fenetre en progressif*/
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition:0.5s;
        -o-transition: 0.5s;
}

div.divd {
	float: left;
	margin-right:3%;
	max-width: 63%;
	background-color:#ffffff;
	text-align: justify;
	height:auto;
}

div.cege:hover{
	width: 90%;
	max-height:100%;
	height:auto;
	border: 4px solid #000000;
	overflow: hidden;
	font-size: 15px;
}

div.cege:hover  #d{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	transition: -moz-transform 0.2s ease-out 0s;
	-webkit-filter: grayscale(0%);
}


/*_________________________________________________________*/
img.port{
	width:146px;
	height:153px;
	float:left;
	margin-left:2%;
	margin-top:2%;
	border-radius:50%;
}

img.contact{
        width:60px;
        height:60px;
/*margin-top:60px;*/
margin-left:1%;
margin-right:1%;
        float:left;
	border:"0";
}

img.eastereggs{
	width:155px;
	height:115px;
    border:"0";
	opacity:0;
    position: absolute;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;       
	transition: opacity 1s;
}

img.hobb{
	height:70px;
	width:70px;
	border-radius:50%;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

img.hobb:hover  {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	transition: -moz-transform 0.1s ease-out 0s;
    -webkit-filter: grayscale(0%);
}


img.hobbeaster{
	border-radius:20%;
    border:"0";
	opacity:0;
    position: absolute;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;       
	transition: opacity 1s;
}



/*______________________
#a:hover  ~ #b {
	z-index:1;
	width:0px;
	height:0px;
	border:0px solid #ffffff;
	display: none;
}
_____________________________________________________*/


/*___________________________________________________________________________*/


a {
	font-family: 'averagesansregular'; 
	text-decoration: none;
	/* font-style: italic;
	font-weight: bolder;*/
	color:black;
}

a:hover {
	text-decoration:none;
}