/*------------------------------------ GESTION DES POLICES ----------------------------- */
@font-face {
font-family: "Oswald-Regular";
src: url("../fonts/Oswald-Regular.ttf");
}

@font-face {
font-family: "Roboto-BoldItalic";
src: url("../fonts/Roboto-BoldItalic.ttf");
}

@font-face {
font-family: "Roboto-BlackItalic";
src: url("../fonts/Roboto-BlackItalic.ttf");
}

@font-face {
font-family: "Roboto-Regular";
src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
font-family: "Roboto-CondensedRegular";
src: url("../fonts/RobotoCondensed-Regular.ttf");
}


/*------------------------------------ PARAGRAPHES ----------------------------- */
.paragraphe-texte{
	background-color:#f7f7f7;
	border:1px solid #555555;
	border-radius: 4px;
   background-image: url('../img/corner-cubes.png') !important;
   background-position: left top; /*Positioning*/
   background-repeat: no-repeat; 
   background-size: 200px auto;
	background-opacity:0.1;
   text-align:center;

   font-family: 'Roboto-Regular', Arial, sans-serif;
}


/*------------------------------------ TITRES H1 /  H2  / H4 ----------------------------- */
h1{
text-align:center;
font-family:arial black;
font-size:18px;

}

h2 {
	padding:10px;
	color: white;
	border: 1px solid #4d2600;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	text-shadow:
	-1px -1px 0 #88613f,
	1px -1px 0 #88613f,
	-1px 1px 0 #88613f,
	1px 1px 0 #88613f;

	color:#eeeeee;
	font-size:2em;
	font-family: 'Roboto-BoldItalic', Arial, sans-serif; 

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eab92d+0,c79810+100;Yellow+3D+%232 */
	background: #eab92d; /* Old browsers */
	background: -moz-linear-gradient(top, #eab92d 0%, #c79810 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eab92d 0%,#c79810 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eab92d 0%,#c79810 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 ); /* IE6-9 */

	height: auto;
	width:100%;

}

h3{
  font-stretch: extra-condensed;
  font-weight:800;
  font-size:2.0em;
}

/*------------------------------------ ICONES DE TITRES JAUNES ----------------------------- */
div.h-icone-simple{
	float:left;

	height:32px;
	width :32px;

	margin-left:0px;
	margin-right:15px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
	background-repeat: no-repeat;
	background-size:contain;
  	border: 1px solid #4d2600;
	border-radius: 5px;
	opacity:1;


	-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.26);
	-moz-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.26);
	box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.26);
}


div.h-icone-rounded{
	float:left;

	height:32px;
	width :32px;

	margin-left:0px;
	margin-right:15px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
	background-repeat: no-repeat;
	background-size:contain;
  	border: 1px solid #4d2600;
	border-radius: 50%;
	opacity:1;


	-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.26);
	-moz-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.26);
	box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.26);
}

.historique{
background-image: url(../img/icones/historique-2-w.png);
}

.couverture{
background-image: url(../img/icones/couverture-1-w.png);
}

.mobile{
background-image: url(../img/icones/mobile-1-w.png);
}

.courriel{
background-image: url(../img/icones/courriel-1-w.png);
}


.competences-secteurs-activite{
background-image: url(../img/icones/competences-secteurs-2-w.png);
}

.competences-deploiement{
background-image: url(../img/icones/competences-deploiement-1-w.png);
}

.competences-aussi{
background-image: url(../img/icones/competences-aussi-1-w.png);
}
.references-dossiers{
background-image: url(../img/icones/references-dossiers-1-w.png);
}