/*_______________________________REALISATIONS CSS________________________________*/






/*--------------------------------------------*/
/*-------------LIENS ACTIFS MENUS--------------*/
/*--------------------------------------------*/
#menu #accueil a{
	color:#e2e2e1;
}

/*--------------------------------------------*/
/*---------------FIL D'ARIANE-----------------*/
/*--------------------------------------------*/
#fil_ariane{
    margin-top: 79px;
    padding-left: 0;
}

#fil_ariane li{
	float: left;
	list-style-image: url(../content/icones/fleche_ariane.png);
	margin-left: 23px;
}

#fil_ariane #accueil_ariane{
	list-style: none;
}

#fil_ariane li a{
    font-family: 'Miso', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color:#2e2e2e;
    padding-left: 2px;
    padding-right: 2px;
    
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#fil_ariane #copains_ariane a{
	color: #e2e2e2;
    background-color: #2e2e2e;
}

#dotted_line_top{
	padding-top: 28px;
	margin-bottom: 60px;
}



/*--------------------------------------------*/
/*------------------PROJET--------------------*/
/*--------------------------------------------*/


/*------------------HEADER-------------------*/
#container{
	width: 100%;
	overflow: hidden;
	margin-bottom: 90px;
}

#header_project{
	height: auto;
	background-image: none;
}

#titre_projet{
	margin-bottom: -3%;
	width: 960px;
	height: 117px;
	background-image: url(../content/creations/titre_copains.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#pic_big{
    max-width: 960px;
    width: 100%;
}




/*----------CONTENT SIDEBAR + PICS------------*/
#grid_fix_fluid{
	overflow: hidden;
	padding-left: 330px;
	margin-top: 40px;
}




/*------------------SIDEBAR-------------------*/
aside{
    margin-left: -330px;
	float: left;
	width: 330px;
	color: #2E2E2E;
}

.blocs_sidebar{
	width: 280px;
	margin: 0 auto;
	padding-bottom: 33px;
	border-bottom: 1px solid #afafae;
}

#bloc1{
}

#bloc1 p, #bloc2 p{
	font-family: 'Miso';
	font-size: 1.3em;
	line-height: 1.75em;
}

#bloc1 p span, #bloc2 p span{
	font-family: 'Bebas';
	font-size: 1.7em;
}

#bloc1_1{
	float: left;
	margin-right: 40px;
}

#bloc1_2{
    margin-top: 0;
}

#bloc1 #bloc1_3{
	color: #AFAFAE;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 0.8em;
    font-style: italic;
    line-height: 1.3em;
}

#bloc2, #bloc3, #bloc4{
	padding-top: 25px;
}

#bloc3 h2{
	font-family: 'Miso';
	font-size: 1.3em;
	margin-bottom: 3px;
}

#skills_icons .fluid_icon{
	margin-right: 7px;
}

#bloc3 p, #bloc4 #extrait_bloc4{
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
}

#bloc4{
	padding-top: 35px;
	border-bottom: none;
}

#bloc4 #extrait_bloc4{
	text-indent: 30px;
	color: #8E8E8D;
	text-align: justify; 
}



/*------------------PICTURES-------------------*/

#pic_list .pics_group{
	max-width: 630px;
	width: 100%;
	float: right;
	margin-bottom: 40px;
}

.clear{
	clear: both;
}

#ligne_points{
	margin-top: 20px;
	width: 100%;
    height: 6px;
    background-image: url(../content/creations/ligne_points.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}





/*--------------------------------------------------------------*/
/*------------------------MEDIA-QUERIES-------------------------*/
/*--------------------------------------------------------------*/





/*--------------------------------------------*/
/*-----------1024 pixels and less-------------*/
/*--------------------------------------------*/
@media screen and (max-width: 1024px){

#titre_projet{
	margin-bottom: -2%;
	width: 542px;
	height: 94px;
	background-image: url(../content/creations/titre_copains_less1024.png);
}

}





/*--------------------------------------------*/
/*-----------960 pixels and less-------------*/
/*--------------------------------------------*/
@media screen and (max-width: 960px){

#grid_fix_fluid{
	padding-left: 270px;
	margin-top: 30px;
}

aside{
    margin-left: -270px;
	width: 270px;
}

.blocs_sidebar{
	width: 240px;
	padding-bottom: 28px;
}

#bloc1 p, #bloc2 p{
	font-size: 1.15em;
	line-height: 1.45em;
}

#bloc1 p span, #bloc2 p span{
	font-size: 1.5em;
}

#bloc1_1{
	margin-right: 30px;
}

#bloc1_2{
    margin-top: 0;
}

#bloc2, #bloc3, #bloc4{
	padding-top: 20px;
}

#bloc3 h2{
	font-size: 1.15em;
	margin-bottom: 0;
}

#skills_icons .fluid_icon{
	height: 28px;
	width: 28px;
}

#bloc3 p, #bloc4 #extrait_bloc4{
	font-size: 0.8em;
	line-height: 1.2em;
}

#bloc4{
	padding-top: 35px;
}

#bloc4 #extrait_bloc4{
	text-indent: 20px;
}

#pic_list .pics_group{
	margin-bottom: 30px;
}

}



/*--------------------------------------------*/
/*-----------768 pixels and more--------------*/
/*--------------------------------------------*/
@media screen and (min-width: 769px){

#menu #accueil a:hover{
    color: #93abaf;
}

#fil_ariane li a:hover{
    background-color: #93abaf;
}

#fil_ariane #copains_ariane a:hover{
    background-color: #93abaf;
    color: #2e2e2e;
}

}



/*--------------------------------------------*/
/*-----------768 pixels and less-------------*/
/*--------------------------------------------*/
@media screen and (max-width: 768px){

#menu #accueil a:active{
    color: #93abaf;
}
#fil_ariane li a:active{
    background-color: #93abaf;
}

#fil_ariane #copains_ariane a:active{
    background-color: #93abaf;
    color: #2e2e2e;
}

#grid_fix_fluid{
	padding-left: 0;
	margin-top: 30px;
}

aside{
    margin: 0 auto;
	float: none;
	width: 95%;
}

.blocs_sidebar{
	width: 100%;
	margin: 0;
	padding-bottom: 27px;
}

#bloc1 p, #bloc2 p{
	font-size: 1.35em;
	line-height: 1.65em;
}

#bloc1 p span, #bloc2 p span{
	font-size: 1.55em;
}

#bloc1_1{
	margin-right: 40px;
}

#bloc2, #bloc3, #bloc4{
	padding-top: 27px;
}

#bloc3 h2{
	font-size: 1.25em;
}

#skills_icons .fluid_icon{
	height: auto;
	width: auto;
}

#bloc3 p, #bloc4 #extrait_bloc4{
	font-size: 0.85em;
	line-height: 1.2em;
}

#bloc4{
	padding-top: 30px;
	border-bottom: none;
}

#pic_list{
    margin-top: 20px;
    width: 100%;
}

#pic_list .pics_group{
	max-width: 630px;
	width: 100%;
	float: none;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
	
}

}





/*--------------------------------------------*/
/*-----------620 pixels and less-------------*/
/*--------------------------------------------*/
@media screen and (max-width: 620px){

#titre_projet{
    margin: 0 auto;
	margin-bottom: -1%;
	width: 280px;
	height: 90px;
	background-image: url(../content/creations/titre_copains_less600.png);
}

#grid_fix_fluid{
	margin-top: 20px;
}

aside{
	width: 95%;
}

.blocs_sidebar{
	padding-bottom: 20px;
}

#bloc1 p, #bloc2 p{
	font-size: 1.25em;
	line-height: 1.55em;
}

#bloc1 p span, #bloc2 p span{
	font-size: 1.5em;
}

#bloc1_1{
	margin-right: 35px;
}

#bloc2, #bloc3, #bloc4{
	padding-top: 20px;
}

#bloc3 h2{
	font-size: 1.25em;
}

#skills_icons .fluid_icon{
	height: 28px;
	width: 28px;
}

#bloc3 p, #bloc4 #extrait_bloc4{
	font-size: 0.85em;
	line-height: 1.2em;
}

#bloc4{
	padding-top: 25px;
	border-bottom: none;
}

}





/*--------------------------------------------*/
/*------------531 pixels and less-------------*/
/*--------------------------------------------*/
@media screen and (max-width: 531px){

#fil_ariane {
    margin-top: 93px;
}

}



/*--------------------------------------------*/
/*------------490 pixels and less-------------*/
/*--------------------------------------------*/
@media screen and (max-width: 490px){

#fil_ariane{
    font-size: 0.8em;
}

#fil_ariane li a{
    padding-top: -1px;
    padding-left: 1px;
}

.blocs_sidebar{
	width: 100%;
	margin: 0;
	padding-bottom: 25px;
}

#bloc1 p, #bloc2 p{
    text-align: center;
}

#bloc1 p span, #bloc2 p span{
    line-height: 1.25em;
}

#bloc1_1{
	margin-right: 0;
	margin-bottom: 10px;
	float: none;
}

#bloc2, #bloc3, #bloc4{
	padding-top: 30px;
}

}






/*_____________________________END_________________________________*/