/* Définition des polices personnalisées */
/*
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
*/

@font-face {
    font-family: 'Lobster';
    src: url('lobstertwo.eot');
    src: url('polices/lobstertwo.eot?#iefix') format('embedded-opentype'),
         url('polices/lobstertwo.woff') format('woff'),
         url('polices/lobstertwo.ttf') format('truetype'),
         url('polices/lobstertwo.svg#LobsterTwoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/* Eléments principaux de la page */

body {
  font-family: 'Hind', calibri, 'Trebuchet MS', Arial, sans-serif;;
  background-color: #FDECCC;
  margin-top:2px;
  color: #4A4E5A;
  overflow: auto;  
}

#cot img{
  width:800px;
  height:525px;
}

#coti img{
  width:800px;
  height:450px;
}

.card-title, .text-muted{
  display: block;
  /* height: 10px; */
  text-align: center;
}


#cotpart img{
  width:300px;
  height:100px;
}

#wrap
{
  	width:100%;	
}

#corps, #haut , #bas 
{
  background-color: #FDECCC;
  color: #4A4E5A;
  width: 1100px;
  margin: auto;
  padding:12px;
}

.card-img-top{
  height: 125px;
  /* width: 100px; */
}

#card-foot{
  display: block;
  height: 10px;
  text-align: center;
}

#CorpsG
{
  background-color: #FDECCC;
  color: #4A4E5A;
  width: 250px;
  float:left;	
  padding-right:10px;
  margin-top: -10px;
}

#CorpsD
{
  background-color: #FDECCC;
  color: #4A4E5A;
  width: 825px;
  min-height: 975px;
  margin: auto;
  float:left;	
  padding:10px 5px 10px 10px;
}

#CorpsE
{
  background-color: #FDECCC;
  color: #4A4E5A;
  width: 825px;
  height: 1240px;
  margin: auto;
  float:left;	
  padding:10px 5px 10px 10px;
}

#CorpsF
{
  background-color: #FDECCC;
  color: #4A4E5A;
  width: 825px;
  height: 1238px;
  margin: auto;
  float:left;	
  padding:10px 5px 10px 10px;
}

#CorpsF p
  {
  padding:0 2px 0 2px;
  text-align:justify;
 }

 #CorpsD p
  {
  padding:0 2px 0 2px;
  text-align:justify;
 }

 #CorpsE p
  {
  padding:0 2px 0 2px;
  text-align:justify;
 }
 
 #CorpsF h3
{
  font-family:Lobster, Dayrom, serif;
  font-size: 2em;
	margin: 0px;
	padding-left:10px;
	font-weight: normal;
	color:#FABC41;
  text-align:center;
	width:100%;	
}

 #foot-note h5
{
  font-family: Dayrom, serif;
  font-size: 2em;
	margin: 0px;
  padding-left:10px;
  padding-top:30%;
	font-weight: normal;
	color:#FABC41;
  text-align:center;
	width:100%;	
}

#CorpsD h3
{
  font-family:Lobster, Dayrom, serif;
  font-size: 2em;
	margin: 0px;
	padding-left:10px;
	font-weight: normal;
	color:#FABC41;
  text-align:center;
	width:100%;	
}

#CorpsE h3
{
  font-family:Lobster, Dayrom, serif;
  font-size: 2em;
	margin: 0px;
	padding-left:10px;
	font-weight: normal;
	color:#FABC41;
  text-align:center;
	width:100%;	
}

#bas 
 {  
  color:#F5A200;	
	position: fixed; 
	bottom:0px;
	right:0px;	
	background-color:#006699;
	padding:2px;
	height:30px;
	width:200px;
  }

#dbas 
 {  
  color:#F5A200;	
	position: fixed; 
	bottom:0px;
	right:0px;	
	background-color:#006699;
	padding:2px;
	height:300px;
	width:200px;
  }  
  
 #msgbody
   {
   height:245px;
   background-color:#FFF;
   margin:2px;
 }

.successMsg
{
  /* border:2px solid #0071BC;
  color:#186777;
  background-color:#CCFFFF;
  padding:5px;
  width:550px;
  margin:auto;
  margin-top:10px;
  margin-top:10px; */
}

#contact_form{
  margin-right:55px;
  margin-left:55px;
  height: 895px;
}

#contact_forme{
  margin-right:55px;
  margin-left:55px;
  height: 1000px;
}

.errorMsg
{
  border:2px solid red;
  color:#8a1f11;
  background-color:#fbe3e4;
  padding:5px;
  width:550px;
  margin:auto;
  margin-top:10px;
}


/* Header */
#header {
  padding-bottom: 5px;
}


#header-area
{ 
  width: 1100px;
  height:150px;
  margin:auto;
}


a {
  color: #30323A;
  -webkit-transition: 0.3s color;
  transition: 0.3s color;
}

a:hover, a:focus {
  color: #F8694A;
  text-decoration: none;
  outline: none;
}

.primary-color {
  color: #F8694A;
}

.white-color {
  color: #FFF;
}

.font-weak {
  font-weight: 400;
}

strong {
  color: #30323A;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

ul.liste
{
  float:left;
  color : #30323A;
  font-size:1.0em;
  list-style: square;
  /*border:1px solid red; */
  margin-left:40px;
}

#hid{
  visibility: hidden;
}

ol.lis
{
    float:left;
    color : #30323A;
    font-size:1.0em;
    list-style: upper-roman;
    margin-left:20px;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: #DADADA;
}

nav
{
clear:both; 
}

			
#CorpsG ul li a {
  display:block;
  color:#FFF;
  padding:2px;
  padding-left:10px;
  margin-top:10px;
  height:50px;
  text-align:center;
  vertical-align: middle;
  text-decoration: none;
  }
  
  #CorpsG ul li a:hover, a:focus {
  color: #F8694A;
  text-decoration: none;
  outline: none;
}

  
  .menu-nav  {
  text-transform: uppercase;
  background: #FDECCC; /* #30323A;*/
  color: #FFF;
  font-weight: 700;
  text-align: center;
}

.menu-nav .boite {
  height:25px;
  width:24%;
  margin:0 1% 0 0;  
  float: left;  
}
  

header h1
{
   /* font-family: 'BallparkWeiner', serif; */
    font-family: Dayrom, serif;
    font-size: 2.5em;
    font-weight: normal;
	text-shadow: 2px 2px 4px black;
	margin-bottom: 0px;
	color:#FFF;
}
.pull-left 
{ 
 width:200px;
 float:left;
 }
 
.pull-right 
{ 
  width:800px;
  float:right;
  text-align:center;
  font-weight:bold;
  padding-bottom:5px;
  /*border:1px solid yellow;*/
}

.pull-right h2
{
   /* font-family:Lobster, Dayrom, serif;*/
    font-size: 3em;
	margin: 0px;
	color: #30323A;
    font-weight: 700;
}


/* Navigation 

nav
{
    display: inline-block;
    width: 1000px;
	font-size: 0.8em;
    text-align: center;
	position:absolute;
	right: 0;
    bottom: 0;
}

nav ul
{
    list-style-type: none;
	margin:0px;
	padding:0px;
}

nav li
{
    display: inline-block;
	padding-top:5px;
    margin-right: 10px;
	width:130px;
	line-height:normal;
	vertical-align:bottom;
	/*background-color: rgba(250,188,65,0.8); 
	background-color: rgb(250,188,65);
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;

}

nav a
{
    font-size: 0.9em;
	padding-bottom: 3px;
	color:#156DAE;
	display:block;
	text-decoration: none;
}
*/

nav a:hover
{
    color: #FFF;	
}


section h1
{
  font-family:Lobster, Dayrom, serif;
  font-size: 1.2em;
	margin: 0px;
	padding-left:10px;
	font-weight: normal;
	color:#FABC41;	
}

#corps a
{
  color : #156DAE;
}




/* Footer */
#footer-area {
color: #191919;
clear:both;
width:1100px;
margin:auto;
/*text-align:center; */
}

.footer-copyright{
display:block;
color: #191919;
width:1100px;
margin:auto;
text-align:center; 
}

.center{
  display: block;
  text-align: center;
  margin-right: -30%;
}


footer .elt
{ 
  width:250px;
  float:left;
}



footer a
{
  color : #FFF;
  font-size:0.8em;
  text-decoration:none;
}

footer a:hover
{
  color : #FABC41;	
  text-decoration:underline;
}


/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #nomste, .old_ie #logo, .old_ie header #infoste, .old_ie nav, .old_ie nav li, .old_ie  .larg600, .old_ie  #contact, .old_ie  article .pack, .old_ie  article .soft,
.old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
{
    display: inline;
    zoom: 1;
}

/* Quelques ajustements pour les vieilles versions d'IE */

.old_ie nav li
{  
	
	background-image:url("../images/nav.png");
}