/* E.GAUDIN Version de Mars 2011
Super heros
*/ 

* {
margin:auto;
padding:auto;
}

html, body{
width:100%;
height:100%;
margin:auto;
padding:auto;
}

body {
color:#fba500;
background-color:#000;
font-family:Georgia,Helvetica,Arial;
text-align:center;
font-weight:bold;
font-size:15px;
vertical-align:text-middle;
}

.ban {	
height:100%;
width:100%;
margin:0;
padding:0;
background-image : url(../img/ban.jpg);
background-repeat : no-repeat ;
background-position : top center ;
}

h1 {
font-size:20px;
color:#ff6633;
margin:10px;
}
h2 {
font-size:15px;
color:#ff6633;
margin:5px;
}

.tab {
height:100%;
width:100%;
margin:auto;
padding:auto;
border-collapse: collapse;
border-spacing: 0px;
 }

/* --------- IMAGE --------- */
img {
border:none;
margin-top:0;
margin-right:0;
margin-left:0;
margin-bottom:0;
padding-top:0;
padding-right:0;
padding-left:0;
padding-bottom:0;
}

.images {
}

a.images:visited {
text-decoration:none;
}

a.images:link {
text-decoration:none;
}

a.images:hover {
text-decoration:none;
    opacity : 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     filter : alpha(opacity=50);
}

a.images:active {
text-decoration:none;
}




/* --------- MENU deroulant themes --------- */ 
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
	}

	#jsddm li a
	{	display: block;
		background-image : url(../img/seltheme.png);
		background-repeat : no-repeat ;
		background-position : center right ;
		padding: 25px 10px;
		text-decoration: none;
		margin-left:0px;
		width: 150px;
		height:20px;
		color: #becdcb;
		white-space: nowrap;
			text-align:center;
		}

	#jsddm li a:hover
	{	background-image : url(../img/seltheme.png);
		background-repeat : no-repeat ;
		background-position : center right ;
	
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid black;
			color: #becdcb;
		}
		
			#jsddm li ul li
			{	float: none;
				display: inline
			}
			
			#jsddm li ul li a
			{	width: auto;
				background-image : url(../img/corps.jpg);
				background-repeat : repeat ;
				background-position : center center ;
				color: #becdcb;
			}
			
			#jsddm li ul li a:hover
			{	background-image : url(../img/corps.jpg);
				background-repeat : repeat ;
				background-position : center center ;
				color: #fff;
			}

/* --------- MENU de navigation --------- */ 

.menu{
border:none;
height:67px;
}

ul.menu{
border:none;
height:67px;
width:672px;
margin:0;
padding:0px;
background-image : url(../img/menu.png);
background-repeat : no-repeat ;
background-position : center center ;
font-size:17px; 
text-align : center;
display:inline-block;

}

.menu li {
  border:none;
	float: left; /* 2 */
	width:6em;
	list-style: none;
}


ul.menu li a {
  border:none;
	display: block;
	width:5.0em;
	color: #fba500;
	text-decoration: none;
	padding: 20px;
	text-align:center

 }

ul.menu li a.selection {
  border:none;
	width:5.0em;
	color: #ff6633;
	text-decoration: none;
	padding: 20px;
	text-align:center
}


ul.menu li a:hover {
  border:none;
  	text-align:center ;
        height:67px;
        background-image:url(../img/sel2.png);
        background-repeat:no-repeat ;
        background-position:top center;
}

ul.menu li a:active {
  border:none;
  	text-align:center ;
        height:67px;
        background-image:url(../img/sel2.png);
        background-repeat:no-repeat ;
        background-position:top center;
}



/* --------- Menu de liens ---------*/

.menuhaut {
height:25px;
font-weight:none;
font-size:12px;
text-align:left;
color:#becdcb;
text-decoration:none;
vertical-align:text-top;
}

.menuhauttxt {
background-color:#000;
border-bottom: dotted 1px #fff;
margin:0px;
padding:0px;
 	display:inline;  


}

a.menuhaut:visited {
color:#becdcb;
text-decoration:none;
}

a.menuhaut:link {
color:#becdcb;
text-decoration:none;
}

a.menuhaut:hover {
color:#becdcb;
text-decoration:underline;
opacity : 0.5;
filter : alpha(opacity=50);
}

a.menuhaut:active {
color:#becdcb;
text-decoration:none;
}

/* --------- SEPARATION --------- */ 

.sep_haut_menu{
	height:150px;
	width:700px;

}
.sep_menu_corps {
	height:150px;
	width:700px;

}



/* --------- CORPS --------- */ 
.corps_haut_gauche{
background-image : url(../img/corps_haut_gauche.png);
background-repeat : no-repeat ;
background-position : bottom center ;
width:9px;
}
.corps_haut{
background-image : url(../img/corps_haut.png);
background-repeat : repeat-x ;
background-position : bottom center ;
height:9px;
}
.corps_haut_droit{
background-image : url(../img/corps_haut_droit.png);
background-repeat : no-repeat ;
background-position : bottom center ;
width:9px;
}

.corps_gauche{
background-image : url(../img/corps_gauche.png);
background-repeat : repeat-y ;
background-position : top center ;
width:9px;
}

.corps{
width:700px;
height:auto;
margin:auto;
padding:auto;
background-image : url(../img/corps.jpg);
background-repeat : repeat ;
background-position : top left ;
}

.textcorps{ 
vertical-align:text-top;
text-align : top;
margin:auto;
padding:auto;
font-size:20px;
}

.corps_droit{
background-image : url(../img/corps_droit.png);
background-repeat : repeat-y  ;
background-position : top center ;
width:9px;
}

.corps_bas_gauche{
background-image : url(../img/corps_bas_gauche.png);
background-repeat : no-repeat ;
background-position : top center ;
width:9px;
}
.corps_bas{
background-image : url(../img/corps_bas.png);
background-repeat : repeat-x ;
background-position : top center ;
height:9px;
}
.corps_bas_droit{
background-image : url(../img/corps_bas_droit.png);
background-repeat : no-repeat ;
background-position : top center ;
width:9px;
}

/* --------- BAS DE PAGE --------- */ 

.pdp{
valign:bottom;
vertical-align:bottom;
height:68px;
margin:0px;
padding:0px;
background-image : url(../img/pdp.png);
background-repeat : repeat-x ;
background-position : top ;
background-color : #000 ;
text-align : bottom;
}

.pdptext{	
valign:bottom;
vertical-align:bottom;
margin:0px;
padding:0px;
text-align : middle;
font-size:10px;
}
	

.buttonsendmail{
color:#fff;
height:110px;
width:237px;
border:0px;
background-color: transparent;
background-image : url(../img/liens/button_on.png);
background-repeat : no-repeat;
background-position : top center ;
}	

.buttonsendmail:hover {
color:#fff;
height:110px;
width:237px;
background-image : url(../img/liens/button_off.png);
background-repeat : no-repeat ;
background-position : top center ;
border:0px;
}

.fieldmail{
padding:5px;
margin:5px;
color:#fff;
background-color:#2c454e;
border:0px;
border-style:solid;
border-width:1px;
border-color:#fba500;
}

/* --------- LIENS --------- */
.lienspart_gauche {
  text-align : right;
  vertical-align:text-top;
  padding-top:100px;
}
.lienspart_droit {
  text-align : left;
  vertical-align:text-top;
    padding-top:120px;
}

/* --------- page LIENS --------- */
.liens {
color:#becdcb;
font-size:12px;  
}

a.liens:visited {
color:#becdcb;
text-decoration:none;
font-size:12px;  
}

a.liens:link {
color:#becdcb;
text-decoration:none;
font-size:12px;  
}

a.liens:hover {
color:#becdcb;
text-decoration:underline;
opacity : 0.7;
filter : alpha(opacity=50);
font-size:12px;  
}

a.liens:active {
color:#becdcb;
text-decoration:none;
font-size:12px;
}

/* --------- CV --------- */
.portfolio {
font-size:12px;
padding-left:10px;
margin:0px;
text-align : left;
color:#fba500;
}
.portfoliotab{
  padding-left:10px;
}

a.portfolio:link{
  color:#fba500;
  text-decoration:underline;
}
/* --------- CV --------- */

.cv {	
width:610px;
border:0;
font-size:12px;
margin:10px;
padding:10px
}

a.cv {
color:#fff;
text-decoration:none;
font-size:12px;  
}

a.cv:hover {
color:#fff;
text-decoration:underline;
opacity : 0.7;
filter : alpha(opacity=50);
font-size:12px;  

}

.imagecv {
width:650px;
height:920px;
}