:root .cog-form{
--gutter:20px;
--border-radius: 8px;
}


/* Styles pour les petits écrans (moins de 768 pixels de large) */
@media (max-width: 768px) {
  #P6000 {
    font-size: 60%!important ; /* Réduire la taille de la police à 70% */
  }
  
  #Pmerci {
    font-size: 15px!important ; 
  }

}


.contact {
	text-align: center;
	}


.navbar-collapse {max-width: 1400px;}

#menu {
	text-align:right;
	font-size: 14px;
	margin-top: 0px;
	/*! line-height:40px; */
	margin-bottom: 0px;
	color: #800000;
	
	}
	
	@media (min-width: 768px) {
		#menu { display: none; }
		}


#contact2 {
	text-align: center;
}

.detailpays {
	margin-left:-5px;
	margin-bottom: 1em;
	padding-top: 5px;
	margin-top: 5px;
}



.information {
	background-image: url('/photos/bandd.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	font-size:20px;
	position: relative;
	background-position: bottom;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:20px;
	text-align: center;
	font-family: arial;
	letter-spacing:  0.5;
	/*! font-weight: bold; */
	font-style: normal;
	line-height: 1.3em;
	padding-right: -5px;
	
}



#logofort {
	background-image: url('/photos/bandd.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	font-size:18px;
	position: relative;
	background-position: bottom;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:20px;
	text-align: center;
	letter-spacing:1px;
	font-family: arial;
	color:  #071432e3;
	
	font-style: normal;
	line-height: 1.3em;
	
}

.h2 {
	font-size: 17px !important;
    text-align: left !important;
	color: #333 !important;
	line-height: 1.2 !important;
}


#bato {
	
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	padding: 0px;
	
	background-image: url('/photos/bandd.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-position: bottom;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom:15px;
	color:  #333 ;
	font-weight: 400;
	font-style: normal;
	line-height: 1.3em;
	margin-bottom:5px;
	text-align: center;
}

@media (min-width: 768px) {
		#bato { font-size: 160% !important; }
		}



#logopays {
	background-image: url('/photos/bandd.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	font-size:16px;
	position: relative;
	background-position: bottom;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom:17px;
	font-family: verdana;
	color:  #333 ;
	font-weight: 400;
	font-style: normal;
	line-height: 1.3em;
	margin-bottom:0px;
	
	text-align: center;
	}
	

#liste {
	text-align: center;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    text-decoration:underline;

}

#textecroisiere {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    
}

#imgright {
	position:inherit
}

body {
	padding-top: 0px;
	margin-top: 0px;
	}
	
a { color: #0773a4; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w100 { width: 100%; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 15px; }
.mr10 { margin-right: 10px; }
.fleft { float: left; }
.fcenter { float: none; }
.bg-white { /*! background: #fff; */ }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.small { font-size: 80%; }
.smaller { font-size: 80%; font-weight: normal; }
.big-text { font-size:100%; }
.big { font-size:150%; }
.text-orange-clair { color: #FFCC66;}
.text-orange-fonce { color: #FF9933;}
.text-rouge-fonce { color: #800000;}
.text-bleu { color: #0773a4; }
.marginauto { margin: auto; }", "
.bg-purple { background: #CCCCFF; }

/*****************/
/* Tables Styles */
/*****************/
.tarifsindicatifs .table-bordered thead tr th, 
.tarifsindicatifs .table-bordered tbody tr td { 
	border: 1px solid #000 !important;
	vertical-align: middle;
}

/**********/
/* Header */
/**********/
#logo {}


#header #logo h1 {
    color: white;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

@media (max-width: 670px) {
    #header #logo h1 {
        font-size: 160% !important;
    }
    #header #logo h1 p {
        font-size: 90% !important;
    }
}

@media (max-width: 570px) {
    #header #logo h1 {
        font-size: 125% !important;
    }
    #header #logo h1 p {
        font-size: 80% !important;
    }
}

#header #logo h1 a {}
#header #logo h1 a img {
    max-height: 150px;
}
#header #trblock {
    font-weight: bold;
}

h1 {
    color: white !important;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

@media (max-width: 1100px) {
    h1 {
        font-size: 160% !important;
    }
    h1 p {
        font-size: 60% !important;
    }
}

@media (max-width: 670px) {
    h1 {
        font-size: 140% !important;
    }
    h1 p {
        font-size: 60% !important;
    }
}

@media (max-width: 570px) {
    h1 {
        font-size: 110% !important;
    }
    h1 p {
        font-size: 60% !important;
    }
}

h1 a {}
h1 a img {
    max-height: 150px;
}
#header #trblock {
    font-weight: bold;
}


/**************/
/* Fin Header */
/**************/

/*******************/
/* Menu Horizontal */
/*******************/
.navbar-toggle {
	background: #FF9933 !important;
	border-color: #800000 !important;
	min-height:30px;
	margin-right:15px !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	margin-bottom:4px !important;
	margin-top:4px !important;
}
span.tmenuresp {
	color: #800000;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom:2px;
	padding-top: 2px;
	position: relative;
	float: right;
	line-height: 2.5em;
	text-transform: uppercase;
}
.nav > li:hover {
	background: #FF9933 !important;
}
.navbar {
	background: #FFCC66 !important;
	border-top: 1px solid #FF9933 !important;
	border-bottom: 1px solid #FF9933 !important;
	margin-bottom: 4px;
	min-height:20px !important;
}
.navbar a {
	color: #800000 !important;
	font-weight: bold;
}
/***********************/
/* Fin Menu Horizontal */
/***********************/

/********************/
/* Colonne Centrale */
/********************/
#colcenter {}

#colcenter #titre {
	
	margin-bottom: 10px;
}


#colcenter #contact3 {
	background: #f8f8ff;
	margin: 0px;
	margin-bottom: 10px;
}


#formdouble {
	
	padding-left: 2%;


		
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
}
#formheader {
	background: none;
	
	padding-left: 2%;


		
	padding-bottom: 20px;
	padding-top: 15px;
}

	/********************/
	/* Bloc Introductif */
	/********************/
	#colcenter .introblock {}
	#colcenter .introblock {
		/*! margin-top: 10px; */
		padding-top: 5px;
		/*! margin-bottom: 15px; */
}
	#colcenter .introblock ul { 
	list-style: none; 
	padding-left: 5px;
	margin-left:10px; 
	
	
	
	
	/*! font-size: 90%; */
	}
	#colcenter .introblock ul li { width: 100%; margin-bottom: 5px; }
	#colcenter .introblock ul li i { margin-right:5px; }
	#colcenter .introblock p {}
	/***********************************/
	/* Special smartphones & Tablettes */
	/***********************************/
	#batogrand {text-align: center; 
	}
	#batopetit {text-align: center; font-size: 12px 	}

	@media (max-width: 800px) {
		#batogrand { display:none !important; }
		#detailpays { font-size: 100%; }
		#listefort { font-size: 100%; padding-left: 15px;line-height: 1.5;}
        #zonescroisieres { font-size: 100%;  }
		#colcenter .introblock { font-size: 100%}
		#txt3bato { font-size: 80%; }
		#formdouble { display:none !important; }
		#formheader { display:none !important; }
		}

	@media (min-width: 800px) {
		#batopetit { display:none !important; }
		#formsimple { display:none !important;}
		#logopays { font-size: 24px; }
		}

		
		
		
		@media (max-width:570px) {
		#logopays { padding-bottom: 7px; }
		}



		


	/*****************/
	/* Mise en avant */
	/*****************/
	#colcenter #featuredblck {
		
	font-size: 16px;
	
			}

	
	/****************/
	/* Points Forts */
	/****************/
	#colcenter #thirdblck {font-size: 100%;}
	#colcenter #thirdblck #pointsforts { padding: 0; }
	#colcenter #thirdblck #pointsforts h5 {
		background: #d9edf7;
		font-size: 20px;
		font-weight: bold;
		color: #000;
		text-align: center;
		text-transform: uppercase;
		margin-top: 0px;
		padding: 5px;
		
		
		
		
	}
	#colcenter #thirdblck #pointsforts ul { 
	list-style: none; 
	padding: 15px;
	
	line-height: 1.5;

	
	}
	#formdouble ul { list-style: none; padding-left: 20px; padding-right:15px; text-align : left; font-size: 14px; font-weight:normal; /*! background: #d9edf7; */}

	#colcenter #thirdblck #pointsforts ul li { width: 100%; margin-bottom: 10px; }
	#colcenter #thirdblck #pointsforts ul li i { margin-right:10px; }


	
	
	/
	#colcenter #zonescroisieres {margin-left: 0px;	margin-bottom: 10px; }
	#colcenter #zonescroisieres h4 {
		background: #C5F4FE;
		font-size: 20px;
		font-weight: bold;
		color: #000;
		text-align: center;
		text-transform: uppercase;
		margin-top: 0px;
		padding: 5px;
		width: 100%;
	}
	#colcenter #zonescroisieres h5 { font-size: 16px; font-weight: bold; margin-top: 30px;}
	#colcenter #zonescroisieres h5 .title{ font-size: 20px; }
	#colcenter #zonescroisieres h5 span.normal { font-size: 16px; font-weight: bold; }
	
/************************/
/* Fin Colonne Centrale */
/************************/

/******************/	
/* Colonne Droite */
/******************/
#colright {
    background: #CCCCFF;
    padding: 5px;
    }
	/**************/
	/* Nos Atouts */
	/**************/
	#colright .nosatouts {}
	#colright .nosatouts h6 {
		font-size: 15px;
		font-weight: bold;
		color: #000;
		text-align: center;
		margin-top: 10px;
		padding: 5px;
		width: 100%;
	}