@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/leaguegothic-italic-webfont.eot');
    src: url('../fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('../fonts/leaguegothic-condensed-regular-webfont.eot');
    src: url('../fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('../fonts/leaguegothic-condensed-italic-webfont.eot');
    src: url('../fonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}

html 
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;}
ul
{
	list-style:none;
}
a
{
	text-decoration:none;
	color:#000;
}
body
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
overflow-x:hidden;
	margin-left:auto;
	margin-right:auto;


	
}
img
{
	border:none;
}
.clr {clear:both}


#ban
{
	position:relative;
	width:1002px;
	margin-left:auto;
	margin-right:auto;	
}
.banbg
{

width: 100%;
height: 350px;
position: absolute;
top:0px;
display: inline-block;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  rgba(192,192,196,1) 29%, rgba(192,192,196,0.99) 30%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,rgba(192,192,196,1)), color-stop(30%,rgba(192,192,196,0.99)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(192,192,196,1) 29%,rgba(192,192,196,0.99) 30%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(192,192,196,1) 29%,rgba(192,192,196,0.99) 30%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(192,192,196,1) 29%,rgba(192,192,196,0.99) 30%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(192,192,196,1) 29%,rgba(192,192,196,0.99) 30%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c4', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

background-repeat:no-repeat;

}
#name h1
{
	position:relative;
	font-family: 'League Gothic';
	font-weight:normal;
	font-size:64px;
	margin-bottom:-20px;
	padding:0;
	left:20px;
}
#menu_haut
{
	width:1002px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#008fcd;
	height:38px;
	padding:0;
	border:0;
	display:block;
	font-family: 'League Gothic';
	font-weight:normal;
	font-size:25px;
	letter-spacing: normal;
	letter-spacing: .04em;
}
#menu_haut a:hover
{
	background-color:#ec6608;	
	
}
#menu_haut .top_menu
{
	float:left;
	padding: 0 10px;
	height:37px;
	border-right:1px solid #006293;
	line-height: 180%;
		
}
#menu_haut .top_menu_first
{
	float:left;
	padding: 0 10px 0 18px;
	height:37px;
	border-right:1px solid #006293;
	line-height: 180%;

}
.menu
{
	position:relative;
	left:-40px;	
	text-transform: uppercase;
}

#menu_haut ul
{
	list-style:none;
}
#menu_haut a
{
	color:#FFF;	
}
#menu_haut li
{
	display: list-item;
}
.coin_gauche_menu
{
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	background-image:url('../images/coing_menu.png');
	background-repeat:no-repeat;
	top:37px;
	left:0px;
}
.coin_droit_menu
{
	width:10px;
	height:10px;
	background-image:url('../images/coind_menu.png');
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	right:0px;
	top:37px;
}
.lowercaps
{
	text-transform: uppercase;
}
#middle
{
	width:982px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	height:1200px;
}
.ombre_menu
{
	margin:0 0 10px 0;
}
.hr
{
	background-color:#dadada;
	height:5px;
	width:100%;
	border:0;	
}
#colg
{
	float:left;
	width:720px;
	position:relative;
	margin-left:8px;
	margin-right:8px;
	padding:0
}
#pt_mea .pt_mea_art-first
{
	float:left;
	padding: 5px 5px 0 10px;
	height:226px;
	line-height:225%;
}
#pt_mea .pt_mea_art
{
	float:left;
	height:226px;
	padding: 5px 5px 0 6px;
	line-height:225%;
}
#pt_mea .pt_mea_art-last
{
	float:left;
	height:226px;
	padding-left: 11px;
	padding-top:5px;
	line-height:225%;
}

.list_pt_mea
{
	position:relative;
	left:-50px;
	width:900px;
}
#pt_mea li
{
	display: list-item;
}

.cat h2
{
	font-family: 'League Gothic';
	font-weight:normal;
	font-size:23px;
	color:#008fcd;
	padding:0;
	margin:0;
}
#projet h4
{
    font-family: 'League Gothic';
	font-weight:normal;
	font-size:40px;
	color:#008fcd;
	padding:0;
	margin:0;
}
#pt_mea
{
	height:90px;
	width:721px;	
}
.pt_mea_desc
{
	width:721px;
	height:60px;
}
.pt_mea_desc h5
{
    font-family: 'League Gothic';
	font-weight:normal;
	font-size:18px;
	color:#008fcd;
	margin:0;
}
.pt_mea_desc p
{
	font-family: 'Coda', cursive;
	font-weight:normal;
	font-size:14px;
	margin:0;
}
#mea1
{
	float:left;
	position:relative;
	width:185px;
}
#mea2
{
	float:left;
	position:relative;
	width:185px;
}
#mea3
{
	float:left;
	position:relative;
	width:185px;
}
#mea4
{
	position:relative;
	float:left;
	width:163px;
}
.separ_mea
{
	margin:0 0 20px 0;
	background-color:#dadada;
	height:2px;
	width:721px;
	border:0;
}
#projets h5
{
    font-family: 'League Gothic';
	font-weight:normal;
	font-size:18px;
	color:#008fcd;
	margin:0;
}
#projets p
{
	font-family: 'Coda', cursive;
	font-weight:normal;
	font-size:14px;
	margin:0 0 8px 0;
}
#projets img
{
	margin-bottom:15px;	
}
.separ_projet
{
	background-color:#dadada;
	height:2px;
	width:721px;
	border:0;
	margin-bottom:25px;
}
.desc_projet
{
	font-size:12px;
	font-weight:bold;
	text-align:justify;
}
.desc_projet_d
{
	font-size:12px;
	font-weight:bold;
	float:right;
	width:160px;
	background-color:#ea5b0c;
	color:#FFF;
	padding:5px;
	position:absolute;
	left: 550px;
	
}
#cold
{
	float:right;
	width:237px;
	position:relative;
	margin-left:0px;;
	margin-right:8px;;
	padding:0;
}

.cat_web
{
	width:236px;
	position:relative;
	height:28px;
	background-color:#000;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:2px;
}
.cat_web a:hover
{
	background-color:#ec6608;	
}
.cat_edition
{
	width:236px;
	position:relative;
	top:9px;
	height:28px;
	background-color:#000;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:2px;
}
.cat_edition a:hover
{
	background-color:#ec6608;	
}
.cat_logo
{
	width:236px;
	position:relative;
	top:18px;
	height:28px;
	background-color:#000;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:2px;
}
.cat_logo a:hover
{
	background-color:#ec6608;	
}

.cat_illu
{
	width:236px;
	position:relative;
	height:28px;
	background-color:#000;
	top:27px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:2px;
}
.cat_illu a:hover
{
	background-color:#ec6608;	
}

.menud
{
	width:229px;
	position:fixed;
	font-family:'League Gothic';
	font-weight:normal;
	font-size:25px;
}
.menud a
{
	color:#FFF;
}
#mail
{
	font-size:12px;
	width:450px;
	
}
.intitule
{
	color:#0080c8;	
	font-family:'League Gothic';
	font-weight:normal;
	font-size:50px;
}
.intitule h3
{
	color:#ec6608;
	font-size:85px;
	margin:0;
	margin-bottom:-39px;
	margin-top:-36px;
	padding:0;
}
.intitule h2
{
	margin:0;
	padding:0;	
}
.desc_profil
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:465px;
	padding-bottom:10px;
}

.exp
{
	width:310px;
	font-size:12px;
	padding-bottom:10px;
}
.exp h4
{
	font-family:'League Gothic';
	font-weight:normal;
	font-size:25px;
	color:#ec6608;
	padding-bottom:0px;
	margin-bottom:-4px;
	padding-top:20px;
}
.exp2
{
	width:310px;
	font-size:12px;
	position:absolute;
	top:555px;
	left:410px;
}

.formation
{
	width:310px;
	font-size:12px;
}
.formation h4
{
	font-family:'League Gothic';
	font-weight:normal;
	font-size:25px;
	color:#ec6608;
	padding-bottom:0px;
	margin-bottom:-4px;
	margin-top:5px;
}
.min
{
	font-weight:lighter;
	font-size:12px;	
}
.formation2
{
	width:310px;
	font-size:12px;
	float:left;
	position:absolute;
	left:410px;
	top:933px;
}
.pdf
{
	width:180px;
}
.competences
{
	width:310px;
	font-size:12px;	
}
.competences h2
{
	font-family:'League Gothic';
	font-weight:normal;
	font-size:25px;
	color:#ec6608;
	padding-bottom:0px;
	margin-bottom:-4px;
}
.news
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:500px;
	padding-bottom:10px;
}
.news h2
{
	color:#ec6608;
	font-family:'League Gothic';
	font-weight:normal;
	font-size:25px;
	padding:0;
	margin:0;
}
#footer
{
	width:100%;
	background-color:#222;
	overflow: hidden;
	display:block;
	height:80px;
	
}
.liens
{
	width:982px;
	color:#FFF;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.liens a
{
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	text-decoration:underline;
}
.liens a:hover
{
	color:#008fcd;
}
.liens p
{
	float:right;
	margin-top:0px;
	margin-right:10px;
	padding-top:0px;	
}