/* ======================== donnees ========================== */
/*



*/

/* ======================== LINKS ========================== */
a
{
	color: #333333;
	text-decoration: none;
	font-style: normal; 
}
.corpstechno p a
{
	color: #999999;
	text-decoration: none;
	font-style: italic; 
}
a img 
{
	text-decoration: none; 
	border: 0px white solid;
}
a:hover 
{
	color: #000000; 
}

.code
{
	border:dashed 1px #333333;
	padding:5px;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:20px;
}

/* ====================== Generic Styles =========================== */


h1
{
	
	font-size: 30px;
	font-weight: normal;
	word-spacing: 20px;
	text-align: center;
	
	margin: 0px;
	margin-bottom:30px;
}
h2
{
	text-align: left;
	font-size: 24px;
	font-weight:bold;
	
	margin: 0px;
	margin-top:15px;
	margin-bottom:10px;
	
	border-bottom:2px solid #333333;
	
	
}
h3
{
	text-align: left;
	font-size: 20px;
	font-weight:bold;
	
	margin: 0px;
	margin-bottom:10px;
}

h4
{
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	
	margin: 0px;
	
}
h5
{
	text-align: left;
	font-size: 14px;
	font-weight:bold;
	
	margin: 0px;
	
}

p
{
	text-align: left;
	font-size: 14px;
	font-weight:normal;
	
	margin: 0px;
	margin-bottom:10px;
	
	
}

/* On travaille sur la balise body, donc sur TOUTE la page */
html
{
	min-height:100%;

}
body 
{
	background-color: #000000; /* Le fond de la page */
  	background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #000000);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#FFFFFF));
	color: #333333; /* Le texte de la page*/
	font-family: "Arial", cursive; /*"Comic Sans MS", "Purisa", TSCu_Comic, Comics*/
  width: 1024px;
  height:100%;
  /*margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour �viter de coller avec le haut */
	margin-bottom: 20px; 
	margin-left: 50px; /* Pour �viter de coller avec le haut */
	
	
}


/* ============================== Main Layout ================================= */
.entete
{
	margin:0px;
	margin-bottom:0px;
	float:right;
	height:40px;
	width:200px;
	
	
	
}
.menu
{
	background-color:#FFFFFF;
	margin:0px;
	margin-right: 10px;
	padding:0px;
	font-size: 24px;
	font-weight:bold;
  z-index:20;
}
.colgauche
{
	
	margin:0px;
	margin-right: 10px;
	padding:0px;
	font-size: 24px;
	font-weight:bold;
	height:40px;
	
}
.corps
{
	/*background-image: url(http://www.chezmemes.com/images/entete_dynamic.jpg);
	background-repeat:no-repeat;
	background-position:50% 2px;*/
  background-color:#FFFFFF;
	
	border:1px solid #000000;	
	border-top:0px solid #000000;	
	margin:0px;
	clear:both;
	padding:10px;
	padding-top:30px;
	overflow:auto;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
  z-index:18;
  
  
	
}

.footer
{
	margin:0px;
	margin-top:10px;
	height:40px;
	padding:10px;
	clear:left;
	color:#FFFFFF;
}

/* ============================ Entete ==============================================*/

.entete h1
{
	font-size: 80px;
	font-weight: bold;
	letter-spacing: 30px;
	word-spacing: 70px;
	text-align: center;
	padding: 0px;
	
	
}
.entete p
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 0px;
	
	
}




/* ============================ Menu ==============================================*/



.menu p
{
	margin:2px 3px 0px 1px;
	height:42px;
	padding:0px;
	float:left;
	width:120px;
	list-style:none;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	background-color:#454545;
	background: -moz-linear-gradient(100% 100% 90deg, #CCCCCC, #444444);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#CCCCCC));
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	color: #DDDDDD;
}
.menu p:hover, .menu p.activetab
{
	
	background-color:#FFFFFF;
	background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #DDDDDD);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#FFFFFF));
}
.menu p
{
	
	border-bottom:1px solid #000000;
}
.menu p.activetab
{
	
	border-bottom:1px solid #FFFFFF;
}
.menu a
{
	color: #EEEEEE;
	width:100%;
	height:100%;
	display:block;
	padding:5px;
	line-height:25px;
	
}
.menu a:hover, .menu .activetab a
{
	color:#000000;
	
}


/* ============================ Footer ==============================================*/
.footer p
{
	margin:0px;
	text-align:right;
	font-size: 9px;
	color: #000000; 
}
.footer a
{
	color: #000000; /* Le texte de la page*/
	
}
.footer .aligngauche
{
  float:left;
  text-align:left;
}

/* ============================ Blogs ==============================================*/

.blogs
{
	width:45%;
	margin:10px;
	float:left;
	
	
}
.blogs img
{
	float:left;
	margin-right:10px;
	
}

.blogstitle
{
	
	clear:left;
	
}

/* ============================ Photo Gallery =======================================*/

/* ============================ category ==============================================*/
.category
{
	height:150px;
	width:33%;
	margin:0px;
	margin-bottom:30px;
	padding:0px;
	float:left;
	line-height:150px;
	text-align:left;

	
}
.category h3
{
	width:100%;
	margin:0px;
	padding:0px;
	
}

.imagecategory
{	
	width:50%;
}
.imagecategory img
{
	max-width:50%;
	max-height:150px;
	vertical-align:middle;
	
}


/* ============================ Photo ==============================================*/

.titrephoto
{
	height:50px;
	margin:0px;
	
}
.titrephoto h1
{
	
}

.datas
{
	width:220px;
	float:right;
	margin:0px;
	margin-top:60px;
	
}
.notes
{
	min-height:250px;
	border:1px solid #2e032d;
	padding:10px;
}

.boutons
{

}

.photo
{
	padding-top:20px;
	margin:0px;
	margin-right:230px;
	margin-top:10px;
	min-height:320px;
	
}
.photo img
{
	max-width:100%;
	max-height:800px;
	
}

.photocommentsdate
{
	font-size:10px;
	margin:0px;
}

.photocomments
{
	padding:10px;
	color:#444444;
	
	border:1px solid #2e032d;
}

.photoindex
{
	height:80px;
	width:20%;
	
	margin:0px;
	margin-bottom:10px;
	margin-right:5%;
	float:left;
	text-align:left;
	
}
.photoindex img
{
	float:left;
	height:50px;
	margin-right:10px;
}
.photoindex p
{
	margin-top:10px;
}

.cleared
{
	clear:both;
}


/* ============================ Resume ==============================================*/

.iconesresume img
{
	height:40px;
}
.idphoto
{
	float:right;
}
.idphoto img
{
	height:140px;
}

.resumelist
{
	text-align: left;
	font-size: 14px;
	font-weight:normal;
	
	margin: 0px;
	margin-bottom:10px;
	list-style-type:disc;
}

.exp_head
{
	text-align: left;
	font-size: 20px;
	font-weight:normal;
	
	margin: 0px;
	margin-top:30px;
}

strong
{
	font-size: larger;
	font-weight:bold;
	
}

.logos img
{
	width:200px;
	float:right;
	margin-top:10px;
}

.products
{
	max-width:150px;
	max-height:100px;
}



/*================================================= Page edition Pictures =======================================================*/

.icones img
{
	height:15px;
	float:right;
}


/*================================================= Page Technology =======================================================*/
.technocommentairedatepost
{
  margin-top:10px;
  margin-bottom:0px;
  background-color:#333333;
  color:#EEEEEE;
  padding:4px;
  font-size:10px;
}
.technocommentaire
{
  margin-top:0px;
  margin-bottom:20px;
  border:#333333 1px solid;
  padding:10px;
  
}


.menutechno
{
  float:left;
  width:230px;

}

.menutechno p
{
  text-align:left;
  font-size:16px;
  font-weight:bold;
  margin-bottom:30px; 

}

.corpstechno
{
   margin-left:250px;
   margin-right:30px;
}

.articleimaged
{
	float:right;
	margin:10px;
}
.articleimageg
{
	float:left;
	margin:10px;
}

.articleimageg img, .articleimaged img
{
	max-height:250px;
	max-width:300px;
}



.articletitle
{
	clear:both;
}



.pagetab
{
  border-bottom:#333333 2px solid;
  height:30px;
  overflow:visible;
  
  

}

.pagetab p
{
  border:#333333 2px solid;
  background-color:#999999;
  float:left;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  
  height:28px;
  line-height:30px;
  margin-right:5px;
  font-size:10px;
  -moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;

}
.pagetab p a
{
  color:#000000;
  

}
.pagetab .pagetabactive
{
  background-color:#DDDDDD;
  border-bottom:2px solid #DDDDDD;
  
}
.pagecontent
{
margin:0px;
padding:10px;
border:#333333 2px solid;
border-top:0px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
  
}
.pagecontent .pagecontentinactive
{
visibility:hidden;
height:0px;
overflow:hidden;
  
}
.pagecontent .pagecontentactive
{
visibility:visible;
height:auto; 
overflow:auto; 
}

.comparisontable
{
    border:0px solid #000000;
    background-color:#FF0000;
    border-collapse:collapse;
    clear:both;
    text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
     
    
}

.comparisontable td
{
    border:1px solid #000000;
    background-color:#DDDDDD;
    width:110px;

}
.comparisontable tr
{
    height:50px;
}
.comparisontable .head
{
    background-color:#333333;
    color:#EEEEEE;
}
.comparisontable .mainhead
{
    border:0px solid #000000;
    background-color:#DDDDDD;
    color:#333333;
    
}
.comparisontable .mainhead p
{
    font-weight:bold;
    font-size:14px;
    
}

.comparisontable p
{
    
    text-align:center;
}

.comparisontable p img
{
    width:30px;
}


.googleads
{
position:absolute;
top:0px;
left:1124px;
height:600px;
width:120px;
}