/*Theme Name: Linguapax 
ThemeVersion: 1.0
Description: A child theme of THBusiness
Template: thbusiness
Author: Administrator
*/
@import url("../thbusiness/style.css");
/* Your awesome customization starts here */

/* --- change text color and font. Open Sans is better than PT Sans because it handles various shades of bold. Original font size 15px --- */
textarea 
{	
	color: #333333;	
	font-family: 'Open sans', sans-serif;	
	font-size: 15px;	
	line-height: 1.5;
}
/* --- links --- */
a {
	color: #10607E;	
	font-weight: normal
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:visited {
	color: #4F6097;
}

/* Links specific to linguapax.net domain (i.e. internal links) are in bold. font-weight: 600 is the "normal" bold version while 500 is the normal display. Let's try 550 to set inbetween thickness. It's not working. Bolder doesn't work either, because the font cannot handle it*/

a[href*=linguapax\.net] {
 font-weight: 800
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/*Cette section gère l'ensemble du menu. Pour que la loupe (recherche) et  la ligne du menu soit bien alignées, il faut mettre line height 90px. Margin right: 30px. J'ai rajouté une ligne margin-left. ça marche. Il faut mettre une valeur négative, au moins -250. Il est primordial que la ligne margin-left soit à la fin, après margin-bottom. De cette manière, le menu est sur une ligne uniquement. Float: right ou left, center ne marche pas. Border ajoute un entourage à tout le menu, et border radius des bords arrondis. Moz et webkit sont utilisés pour assurer la compatibilité avec d'autres navigateurs. Margin bottom original: -3px*/

.main-navigation {
    clear: both;
	display: block;	
	float: right;
    line-height: 50px;
	margin-right: 30px;
	margin-bottom: 30px;
    margin-left: -250px;
	
}
/*défaut: margin 0. Changer cette valeur à priori ne change rien de visible*/
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/*float right aligne les boutons vers la droite, mais le menu ne prend toujours que la moitié de l'écran*/
.main-navigation li {
        float: left;
	position: relative;
}
96cade
/*cette ligne gère la couleur de la police du menu et la hauteur des lignes en dessous (height). Padding gère la marge interne entre les éléments du menu (rapprochés ou éloignés entre eux). Version par défaut 0 10px. La couleur 8b8b8b est un gris foncé. Pour changer la couleur de fond du menu, éditer la ligne background. Border radius permet de créer des bords arrondis, pour chaque élément. Border permet d'ajouter un entourage à chaque élément. Color est la couleur de la police du menu (?). #fff est du blanc*/
.main-navigation a {
        background : #3f8ba7;
        color: #fff; 
      	display: block;	
	height: 50px;
	padding: 10 10px;
	text-decoration: none;
}

/*cette section gère la couleur de fond qui change lorsque l'on passe la souris (hover) sur le bloc (pas seulement sur le texte). NB ça le fait pour tous les liens... Il faut rajouter .main-navigation pour que cet effet soit limité au menu*/
.main-navigation a:hover, a:active {
    background-color: #ffffff;
}

/* original= display: none. Cela évite que les sous-menus s'affichent tout seuls. Ils ne s'affichent que quand on passe la souris dessus (hover) */
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	border-top: 3px solid #ccoul;	display: none;
	float: left;
	left: 0;
	position: absolute;
	margin-top: -3px;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 70%;
	top: 0px;
}

/* Cette section gère la longueur (width) et  la grosseur (padding) des sous-menus qui s'affichent quand on passe la souris dessus*/ 
/*width changé de 200 à 300px, ne change rien de visible. La couleur originale #fff est du blanc. Background gère la couleur de fond des sous-menus. 2C5F74: bleu très foncé */

.main-navigation ul ul a {
	background: #2C5F74;
	color: #fff
	height: auto;
	line-height: 1.5;
	padding: 10px;
	width: 200px;
}
.main-navigation ul ul li {
}
/*Cette ligne fait apparaître une bordure de 3px en dessous de l'élément du menu lorsque l'on passe la souris dessus. La couleur n'a pas l'air de changer grand-chose.*/
.main-navigation li:hover > a {
	border-bottom: 3px solid; 
	color: #eb5937;
}

/* Color gère la couleur (de quoi?) Couleur originale: #666 (gris). Background gère la couleur de fond. */
.main-navigation ul ul :hover > a {
	background: #f5f5f5;
	border-bottom: none;
	color: #666;
}
/*#f5f5f5 est du gris clair */
.main-navigation ul ul a:hover {
	background: #f5f5f5;
}

/*je rajoute le background pour que la couleur de fond change lorsqu'on passe la souris sur la case du menu. Couleur originale : C5DFE9. NB ça ne marche pas. EDIT si ça a l'air de marcher. Essai avec e9cfc5 (rouge pâle) : ne marche pas. Display original : block */
.main-navigation ul li:hover > ul {
        background: #e9cfc5
 	display: block;
}
/*#eb5937 est une couleur orange. */
.main-navigation a:hover, 
.main-navigation ul li.current-menu-item a {
	color: #fff;
}
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a, 
.main-navigation ul li.current_page_item a {
	color: #fff;
}
/*La couleur #eb5937 (originale) est de l'orange. Je ne sais pas oú ça apparaît */
.main-navigation ul li:hover > a {
	color: #eb5937;
}

/*"Current page item ul li a" change la couleur de la police dans les sous-menus, sauf celui de la page actuelle. #8b8b8b correspond à un gris foncé (couleur originale). Je l'ai changé pour du blanc (#fff). */
.main-navigation ul li ul li a, 
.main-navigation ul li 
.current-menu-item ul li a,
.main-navigation ul li ul li
.current-menu-item a
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li
.current_page_item ul li a {
	color: #fff;
}
.navbar .nav li {
 white-space: nowrap; 
}
/*peut-être est-ce le responsive qui es responsable [du fait que la police du sous-menu de la page actuelle ne est gris, et non pas blanc] ? Couleur originale 777777 (gris foncé). Non, ne change rien.*/
.responsive-mainnav li a{
	color: #fff;
	line-height: 26px;
	padding: 15px;
}
/*j'essaie de voir ce que ça change si je rajoute les paramètres des marges + left-margin: -180px. Ça ne change rien à priori*/
.site-logo-image img {
	max-height: 87px;
        margin-top:0px;
        margin right: 0px;
        margin bottom: 0px;
        left-margin: -80px;
}

/*------------------------------------------------------------------------- 
Business template widgets
---------------------------------------------------------------------------*/
/*J'ai essayé de rendre le texte justifié, mais il se peut que je me sois trompé sur la place où mettre text-align: justify. Y-a t-il un ordre précis à respecter ?*/

.widget_thbusiness_services_widget 
.business-page-widget-title{
	margin: 30px 0;
	font-size: 18px;
	text-transform: none;
        text-align: justify;
}
.call-to-action-wrapper {
	background: #FBFBFB;
	border-bottom: 3px solid #f6f6f6;
	padding: 50px 0;
}
.call-to-action-content h3 {
	color: #666666;	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
        text-align: justify;
	margin: 0 20px 10px 0;
}
.call-to-action-content p {
	color: #888;
	margin: 0 20px 0 0;
}
.call-to-action-button {
	background: #eb5937;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
        text-align: justify;
	float: right;
	margin-top: 10px;
	padding: 10px 30px;
}
.call-to-action-button:hover {
	background-color: #555555;
}
.call-to-action-button:visited {
	color: #ffffff;.th-services-box {
	margin-bottom: 50px;
	text-align: justify;
.widget_thbusiness_recentwork_widget {
	text-align: justify;ff
	margin-top: 40px;
}
.widget_thbusiness_recentwork_widget 
.widget-title {
	border: none;
	font-size: 18px;
	font-weight: bold;
	text-align: justify;
        margin: 15px 0;

}/*essayons avec ça ...*/
.widget_thbusiness_recentwork_widget-box {
	text-align: justify;
}  

/* ce code ne marche pas non plus pour rendre le texte de 'recent work' justifié'*/
.th-recentwork-box {
        text-align: justify;
}