body{
background-color:#f4f4f4;
font-family: Roboto ;
}

h1{
  font-family: "Outfit", serif;
color:#00a69c;
font-size:34px;
}
.carre h1{
	font-size:38px;
	height:38px;
}
h2{
	font-family: "Outfit", serif;
	color:#00a69c;
	font-size:26px;
}
h3{
font-size:20px;
}
li,p,div,span {font-size:16px}

.fond-orange{
	background-color:#fea100;
}
.fond-bleu{
	background-color:#10c2d7;
	
}
.custom-logo-link{
	margin-top:24px;
}
.tarif2{

	 width:280px;
	 margin:0 auto;
	    color: #00a69c;
		text-align:center;
		border:solid 2px #00a69c;
		border-radius:20px;
		padding:10px 20px;
		font-size:22px;
}

h2.puce-titre-orange{
	background:url(../images/puce-orange-triangle.png) no-repeat;
	background-position : left 8px;
	padding-left:20px;
	background-size :10px;
}
h2.puce-titre-bleue{
	background:url(../images/puce-bleue-triangle.png) no-repeat;
	background-position : left 8px;
	padding-left:20px;
	background-size :10px;
}
.center{text-align:center}
.col-top{
position:relative;
}
.photo-filles {
	position:absolute;
	bottom:0px;
}
.bloc-info{
	background-color:#eeeded;
	padding:15px;
	padding-top:25px;

}
.outfit-<uniquifier> {
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.sous-titre{
display:block;
font-size:22px;
font-weight:bold;
margin-top:-25px;
padding-left:2px;
}
.liste li{
padding-bottom:10px;
}
.bloc{
background-color:#00a69c;
padding:20px;
border-radius: 0px 0px 0px 20px;

}
.bloc,.bloc p, .bloc span {
color:white;
}
.bloc .prix{
	font-size:20px;
}
.page .wp-block-columns{
    max-width: 975px;
    margin: 0 auto;
}
.accueil{
	margin:0px;
}
.accueil col{
	margin-bottom:28px;
}
.intro{
   max-width: 975px;
    margin: 0 auto;
}

.round{
	background-color:white;
	padding:20px;
	border-radius:50px;
	width:100%;
    position: relative;
    margin-top: -50px;
	margin-bottom:60px;
    z-index: 10;
    /*min-height: 900px;*/	
}
.carre{
	background-color:white;
	padding:20px;
	border-radius:0px;
	width:100%;
    position: relative;
    margin-top: px;
    z-index: 10;
    /*min-height: 900px;*/	
}

#bandeau .info{
	
}
#bandeau .info p,#bandeau .infos span {
	color:#ffffff;
	font-size:28px;	
	line-height:35px;
}
#bandeau span.prix {
	font-weight:bold;
	font-size:35px;
}
#bandeau .info a.bouton {
	display:inline-block;

	margin-top:10px;
color:#ffffff;
text-decoration:none;
border-radius: 8px;
    padding: 5px 10px;
    background-color: #fea100;
	font-size:25px;
	font-weight:bold;
}
.mentions .round{
border-radius:0px;
margin-top: 34px;
}
.services .col-md-3,.services .col-md-1 {
	text-align:center!important;

}
.services .col{
margin-bottom:34px;
}
.services h3, a.titre-service{
	display: block;
	background-color:#069e8e;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
	border-radius:20px;
	font-size:18px;
	font-weight:bold;
	width:250px;
	height:50px;
	vertical-align: middle;
	margin:0 auto;	
	line-height:18px;
}
.one-line{
	padding-top:5%;
}
.two-line{
	padding-top:2%;
}

.tarif{
	position:absolute;
	bottom:20px;
	left:10%;
	text-decoration:none;
	
}

.coul-1 .tarif{
	border-radius:30px;
	padding:0px 5%;
	padding-left:8%;
	background-color:#fea100;
	color:#FFFFFF;
	width:90%;
	max-width:230px;
	margin-top:20px;
	text-align:center;
}

.coul-2 .tarif{	
	border-radius:30px;
	padding:0px 5%;
	background-color:#10c2d7;
	color:#FFFFFF;
	width:90%;
	max-width:230px;
	margin-top:20px;
	text-align:center;
}

.tarif span{
	font-size:26px;	
}
.tarif:hover {
	background-color:#5f747b;
}
.contain-service{
	position:relative;
	margin:0 auto;
	padding-top:18px;
	padding-left:15px;
	padding-right:15px;
	margin-top:20px;
	width:95%;
	min-height:653px;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.45); 
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.45);
	border-radius:20px;
	padding-bottom:20px;
}
.contain-service ul{
	display:block;
	width:90%;
	margin-bottom:20px;
}
.contain-service h2{

	text-align:center;
	color:black;
	font-size:24px;
	line-height:20px;
	margin-top:20px;
	margin-bottom:25px;
}
.contain-service.coul-1 h2{
	border-bottom:solid 3px #fea100;
	padding-bottom:15px;

}
.contain-service.coul-2 h2{
	border-bottom:solid 3px #10c2d7;
	padding-bottom:15px;
	
}
.contain-service ul,.contain-service ul li{
	margin:0px;
	text-align:left;
}
.coul-1{
	background:url(../images/triangle-orange.jpg) no-repeat;
	background-position : top center;
}
.coul-2{
	background:url(../images/triangle-bleu.jpg) no-repeat;
	background-position : top center;
}
.contain-service li {
	padding-left:16px;
	list-style:none;
	padding-bottom:10px;
}
.contain-service.coul-1 li{
	background:url(../images/puce-orange.png) no-repeat;
		background-position: left 8px;
}
.contain-service.coul-2 li{
	background:url(../images/puce-bleue.png) no-repeat;
		background-position: left 8px;
}
#bandeau{
	position:relative;
	height:456px;
	width:100%;
	background:url(../images/header-v3.jpg) no-repeat;
	background-position:bottom center;
}
.perso{
	position: absolute;
	right:50px;
	bottom:0px;
	background:url(../images/perso-bandeau.png) no-repeat;
	background-position : bottom center;
	background-size:100%;
	height:504px;
	width:447px;
}
.logo-blanc{
	right:50px;
	bottom:0px;
	background:url(../images/logo-blanc.png) no-repeat;
	background-position : bottom center;
	background-size:100%;
	height:200px;
	width:200px;
	margin:0 auto;
	margin-top:-20px;
}
.accroche{
	position:relative;
	z-index:10;
	right:0px;
	margin-left:30%;

}
.accroche p{

	color:white;
	font-size:34px;
	font-weight:bold;
	 font-family: "Outfit", serif;
	 line-height:40px;
	 text-shadow: 2px 1px 5px rgba(0,0,0,0.45);
}
.mission{
	margin-top:0px;
	text-align:center;
}
.mission h2{
	display:inline-block;
  font-family: "Outfit", serif;
	margin-top:20px;
	text-align:center;
	color:#000000;
	border-bottom:solid 3px #fea100;
	padding-bottom:10px;
	margin-bottom:20px;
}
.mission p{
	font-size:18px;
}
/************************************************/
/* Documents */
.documents{
	margin-top:20px;
}
.documents li{
	list-style:none;
	height:45px;
}
.documents a {
	background:url(../images/picto-document.png) no-repeat;
	background-position: center left;
	background-size:30px;
	padding-left:35px;
	height:30px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000000;
	text-decoration:none;
}
/***************** avis ************************/
#avis{
	position:relative;
	text-align:center;
	padding-top:17px;
	padding-left:25px;
	left:20%;
	bottom:-50px;
	z-index:10;
	width:300px;
	height:150px;
	background-color:white;
	border-radius:25px;
}
#avis .texte{
	font-weight:bold;
}
#avis .note{
	font-weight:bold;
	font-size:30px;
}
#avis #photo{
	position:absolute;
	z-index:10;
	left:-30px;
	top:-46px;
	width:157px;
	height:339px;
	background:url(http://www.orsoconduite.fr/wp-content/plugins/avis/images/perso-avis.png) no-repeat;
	background-size:70%;
}

.avis-stars .star{
	width:27px;
	height:27px;
}

.avis-stars .full{
	display:inline-block;
	background:url(http://www.orsoconduite.fr/wp-content/plugins/avis/images/star-on.png) no-repeat;
	background-size:100%;
}

.avis-stars .half{
	display:inline-block;
	background:url(http://www.orsoconduite.fr/wp-content/plugins/avis/images/star-off.png) no-repeat;
	background-size:100%;
}

.acc img{
	position:absolute;
	z-index:10;
	width:623px!important;
	right:30px;
}



/* Navigation
--------------------------------------------- */

/*.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}*/

.site-branding {
	position: absolute;
    width: 200px;
    left: 8%;
    top: -25px;
    height: 31px;
    z-index: 1000;
}
.site-branding .site-title{
	display:none;
}
.site-branding a{
	padding-top:15px;
}
.site-branding img{
	max-width:76px;
}
.mob-menu-header-holder {

    background-color: #596a70!important;
}

.mob-menu-left-bg-holder{
	background-color:#fff!important;
}
.mobmenu-left-panel {
  background-color:#fff!important;
}
.wp-mobile-menu ul li {
	padding-left:15px!important;	
	
}
#mobmenuleft li a:visited,#mobmenuleft li a{
	color:#069e8e!important;	
}
#mobmenuleft li a:hover{
	color:#fff!important;	
}
    .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay {
        background: rgba(106, 165, 185, 0.83)!important;
    }
.menu-main-menu-container{
 /*border-top: solid 1px #0c89c9!important;	*/
}

.mobmenu-content li {
    list-style: none;
    visibility: visible;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin: 0;
    border-bottom: solid 1px #0c89c9!important;
}
.wp-mobile-menu .current-menu-item a {
    margin: 0 !important;
    
}


.headertext span {

   display:none!important;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
		
}
.main-navigation.toggled ul {
	display: block;

		
}
ul, ol {
    margin: 0;
}

/***** bt menu mobile **/
#clickme{	
	display:block;
	width:50px;
	height:50px;
	background:none;
	background-color:#0c89c9;
	background: url(images/bt-menu.svg) no-repeat;
	border:solid 0px;
	background-size:100%;
	background-position:top left;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	
}
#close-menu{
	display:block;
	width:90px;
	height:90px;
	background:none;
	background-color:#0c89c9;
	background: url(images/bt-close.svg) no-repeat;
	border:solid 0px;
	background-size:100%;
	background-position:top left;
	position:absolute;
	top:0px;
	right:0px;
	z-index:200;
}

#page{
	/*position:relative;*/
	
}

nav{
	
	display: none;
	height:1200px;
	z-index:1300;
	width:100%;
	}
	
	#site-navigation{
	z-index:200;
	position:fixed;
	}
	
	.mobil-nav{

	background-color:#0c89c9;
	color:#fff;
	display:block;
}
	.mobil-nav ul a{	
	color:#fff;
	height:70px;
	padding-top: 20px;

}
	.mobil-nav ul li <a.active {	
	background-color:#227cab;
}
.mobil-nav ul{
	width:100%;
	padding:0;
	margin:0;
	
}

.mobil-nav ul li{	
	display:inline-bloc;
	height:70px;
	padding-top:0px;
	width:100%;
	list-style:none;
	border-bottom : solid 1px;
	
}
.mobil-nav ul li a:hover{	
	color:#fff!important;
	padding-top: 20px;
}
.mobil-nav ul li:hover{	
	background-color:#46a8d3;
color:#ffffff;	
}

.bottom{
	position:relative;
	z-index:0;
	margin-top:-220px;
	height:274px;
	background:url(../images/route.jpg) no-repeat;
	background-position: bottom center;
	background-size:100%;
}

#mini{
	position:absolute;
	background:url(../images/mini.png) no-repeat;
	z-index:10;
	width:560px;
	height:248px;
	background-size:100%;
	background-position:bottom center;
	right:10%;
	bottom:-20px;
}

/************************************************************/
/*Footer */

.site-footer{
	background:url(../images/footer.png) no-repeat;
	background-color:#5f747b;
	background-position: bottom center;
	background-size:100%;
	min-height:150px;
	padding-bottom:30px;
}
.site-footer a, .site-footer p,.site-footer span  {
	color:#ffffff;
}
.site-info{
	padding-top:30px;
	color:#ffffff;
}
.facebook{
display:inline-block;
	background:url(../images/facebook.png) no-repeat;
	background-position:center left;
	background-size:35px;
	height:40px;
	padding-left:40px;
	padding-top:10px;
}
/***********************************************************/
@media screen and (min-width: 800px) {
.mobile-none{
	display:block;
}
	.mob-menu-logo-holder{
		display:none;
	
	}
	
	.menu-toggle {
		display: none;
	}
	
	#close-menu{
		display:none;
	}
	.main-navigation{
		height:1200px;
	}
	
	.main-navigation{
		width:100%;
		height:60px;
		background:#fff;
		border-bottom :solid 1px #81bedd;
		display: none;	
		flex-direction: column;
		justify-content: left;
	}
	

	#site-navigation{
		position:relative;
		display: none;
		left:-300px;
		background-color:pink;
	}

	.main-navigation ul {
		/*display: flex;*/
		background-color:green;
	}

	
	.main-navigation ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
		padding-top:10px;
	}
	
}


/********************************************************************************/

@media screen and (min-width: 100px) {

	.mobile-none{
	display:none;
	}
		.mob-menu-logo-holder{
		display:none;
	
	}
	.bandeau{
		text-align:center;
		width:110%;
		margin-left:-5%;
	}
		
	.carte{width:100%}
	
	.accroche{
	top:0px;
	padding:15px;
	margin-left:0%;
 }
 .accroche p{
	text-align:center;
	font-size:28px;
	padding-top:0px;
	
	}
	.tarif {
	position: absolute;
    bottom: 20px;
    left: 67%;
    margin-left: -45%;
}
	
	.col {
    flex: none;
}
}
@media screen and (min-width: 300px) {

	.contain-service ul{
		margin-bottom:50px;
	}
	

}

@media screen and (min-width: 900px) {

	.tarif,.coukl-2 {
    position: absolute;
    bottom: 20px;
    left: 5%;
	margin-left:0px;
	margin-top:15px;

	}
	.mobile-none{
	display:block;
	}

	.accroche{
	top:10px;
	margin:0 auto;
	padding:15px;
	margin-left:30%;
	}
	.accroche p{
	text-align:left;
	font-size:28px;
	padding-top:50px;

	}
	
	.tarif {
    position: absolute;
    bottom: 20px;
    left: 10%;

	}
}

@media screen and (min-width: 801px) {
	.mobile-none{
	display:block;
}
	.carte{width:70%}
	.bandeau{
		text-align:center;
		width:100%;
		margin-left:0;
	}
	.menu-toggle {
		display: none;
	}
	.bt{
		display:none;	
	}
	nav{
		display: flex;
		margin-top:0px;
	}
		
	.menu a {
		margin: 0 10px;
		color: #000;
		font-size: 17px;
		padding: 5px 15px;
		border-radius: 5px;
	}
	.menu a:hover {
		margin: 0 10px;
		color: #069e8e!important;
		padding: 5px 15px;
		border-radius: 5px;
	}

		
	#site-navigation{
		display: flex;
		background-color:#fff;
		position: relative;
		left:0px;
	
	}
	.main-navigation {
		/*display: block;*/
		width: 100%;
		width:100%;
		height:60px;
		background:#fff;
		border-bottom :solid 1px #81bedd;
		display: flex;	
		flex-direction: row;
		justify-content:center;
	}
	.main-navigation ul {
		display: flex;
		background-color:white;
	}
	.main-navigation ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	
	
	.site-main .comment-navigation,
	.site-main
	.posts-navigation,
	.site-main
	.post-navigation {
		margin: 0 0 1.5em;
	}

	.comment-navigation .nav-links,
	.posts-navigation .nav-links,
	.post-navigation .nav-links {
		display: flex;
	}

	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		flex: 1 0 50%;
	}

	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		text-align: end;
		flex: 1 0 50%;
	}

	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 99999;
	}

	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		display: block;
		left: auto;
	}

	.main-navigation ul ul a {
		width: 200px;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}

	.main-navigation li {
		position: relative;
	}

	.main-navigation a {
		display: block;
		text-decoration: none;
	}

	/* Small menu. */
	.menu-toggle,
	.main-navigation.toggled ul {
		display: flex;
			
	}
	.main-navigation.toggled ul {
		display: flex;

			
	}
	.menu a:hover, .current-menu-item a {
		margin: 0 10px;
		color: #017dbd;
		padding: 5px 15px;
		border-radius: 5px;
	}
	
}/*******************/


	.menu-toggle {
		display: none;
	}

	li.current_page_item {
	border-bottom: solid 2px #069e8e;

	}
	li.current_page_item a {
	 color:#069e8e;
	}